html {
background: #F7A8B8;
text-align: center;
font-family: "Lucida Console", "Courier New", monospace;
}
body {
margin-top: 10%;
}
#box {
background-color: white;
padding: 5%;
box-shadow: 10px 10px 10px black;
border-radius: 10px;
display:inline-flex;
}
#taken {
padding-top: 1%;
}
#incorrect {
padding-top: 1%;
}
label {
font-family: "Lucida Console", "Courier New", monospace;
}
input {
background-color: #55CDFC;
border-style: none;
border-bottom-style: solid;
border-bottom-color: black;
border-bottom-width: 1px;
font-family: "Lucida Console", "Courier New", monospace;
}
input:focus {
outline: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
}
input[type=number] {
-moz-appearance: textfield;
}