@import url('https://fonts.googleapis.com/css?family=Asap:400,500,700&display=swap');

*{
  margin:0;
  padding:0;


}

header{
  background:white;
  padding:20px;
}

h1{
  text-align: center;
  font-family: Asap, sans-serif;
}

body{
  background:#283747  ;

}

#credit{
  padding:10px;
  font-size: 20px;
  font-family: Asap, sans-serif;
  color:white;
  border: 3px solid white;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  width:200px;
  margin:20px auto;
  text-align: center;
}

#startdiv{
  text-align: center;
}


.bet{
  padding:20px;
  font-size: 20px;
  font-family: Asap, sans-serif;
  color:white;
  text-align:center;
  display:inline-block;
  font-weight: bold;

}

#makenone{
  display:inline-block;
}

#button {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 10px 25px;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  font-family:Asap, sans-serif;
}


input[type=number] {
    padding:5px 15px;
    border:0 none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin:5px;
}

#deck{
  text-align: center;
  color:white;
  font-family: Asap, sans-serif;
}

#dealer{
  color:white;
  font-family:Asap, sans-serif;
  font-size:20px;
  padding:20px 20px;
  position:relative;
  left:100px;

}


#playerhand{
  text-align: center;
}

#dealerhand{
  text-align: center;
}



#result {
  text-align:center;
  color:white;
  font-weight: bold;
  font-family: Asap, sans-serif;
  font-size: 40px;
}

img{
  display:inline-block;
  width:140px;
  border:2px solid white;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background:white;
  margin:5px;

}



#player{
  color:white;
  font-family:Asap, sans-serif;
  font-size:20px;
  padding:20px 20px;
  position:relative;
  left:100px;

}



#choices{
  color:white;
  font-family:Asap, sans-serif;
  font-size:20px;
  margin:30px auto;
  text-align:center;
  display:none;

}



.choice{
  display:inline-block;
  border:2px solid white;
  margin:30px;
  padding:10px 60px 10px 60px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition-property: background-color;
  -webkit-transition-duration: 0.4s;
  transition-property: background-color;
  transition-duration: 0.4s;

}

.choice:hover{
  background-color:white;
  color:black;
  cursor:pointer;
}