.box, .box1{
    width: 800px;
    box-sizing: border-box;
    background-color: rgb(130, 60, 190);
    border-radius: 35px;
    margin: 0 auto;
}

.box2{
    width: 800px;
    background-color: rgb(31, 146, 195);
    box-sizing: border-box;
    padding: 10px 10px;
    border-radius: 35px;
    margin: 0 auto;
    height: auto;
}

.box3{
    width: 150px; height: auto;
    background-color: rgb(70, 143, 109);
    margin: 20px auto; border-radius: 40px;
    box-sizing: border-box;
    padding: 1px 15px;
}

.box{
    height: auto;
}

.box1{
    padding: 5px 10px;
    height: auto;
}

#text, #text1, #text2, #text3, #text4, #text5{
    color: rgb(250, 250, 250);
    text-align: center;
}

#text{
    font-size: 25px;
}

#text1, #text2, #text5{
    font-size: 20px;
}

.box4{
    width: 350px; height: auto;
    background-color:rgb(31, 146, 195);
    margin: 20px auto; border-radius: 40px;
    box-sizing: border-box;
    padding: 1px 15px;
}

.box5{
    width: 800px; height: auto;
    background-color:rgb(70, 143, 109);
    margin: 0 auto; border-radius: 35px;
    box-sizing: border-box;
    padding: 25px 15px;
}

a{
    color: white;
}

#guessgame{
    text-align: center;
    margin: 80px auto;
}

#guessgame input{
    width: 100px;
    padding: 10px;
    cursor: pointer;
}

#result{
    font-size: 20px;
    font-weight: bold;
    min-height: 25px;
}