input[type=number] {
    background-color: #222222;
    width: 70px;
    height: 25px;
    border: solid 1px rgb(255, 255, 255);
    border-radius: 6px;
    color: white;
    font-size: 15px;
    margin-left: 5px;
	margin-bottom: 5px;
    padding-left: 5px;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}


input[type=number]:focus{
	border-color: rgb(25, 255, 25);
	box-shadow: 0px 0px 15px 3px rgb(25, 255, 25);
}

input::placeholder{
    color: white;
	opacity: 0.7;
    font-weight: 300;
}







@media only screen and (min-width: 800px) {


input[type=number] {
    background-color: #222222;
    width: 70px;
    height: 25px;
    border: solid 1px rgb(255, 255, 255);
    border-radius: 6px;
    color: white;
    font-size: 15px;
    margin-left: 5px;
	margin-bottom: 5px;
}

input[type=number]:focus {
	border-color: rgb(25, 255, 25);
	box-shadow: 0px 0px 15px 3px rgb(25, 255, 25);
}

input::placeholder{
    color: white;
	opacity: 0.7;
}

}