*{
    background-color: black;
    color: beige;
    font-family: 'VT323', monospace;
}

h1{
    text-align: center;
}

.wrapper{
    font-size: 20px;
    margin-left: 400px;
    margin-right: 400px;
    border-radius: 20px;
    border-color: beige;
    border-width: 2px;
    border-style: solid;
    padding: 40px;
}

input{
    background-color: black;
    border-radius: 5px;
    border-style: solid;
    border-color: beige;
    text-align: center;
    padding: 10px;
    font-size: 25px;
}

.start,.reset,.check{
    text-align: center;
    padding: 20px;
}

button{ 
    background-color: black;
    border-radius: 20px;
    border-style: solid;
    border-color: beige;
    text-align: center;
    font-size: 20px;
}

@media(max-width:480px){

    .wrapper{
        font-size: 15px;
        margin: 30px;
    }

    input{
        font-size: 20px;
    }
}

@media(max-width:768px){

    .wrapper{
        margin: 50px;
    }

    .details,.game{
        text-align: center;
    }
}

@media (max-width: 1024px){
    .details,.game{
        text-align: center;
    }

    .wrapper{
        margin: 50px;
    }

}