*{
    background-color: rgb(241, 239, 223);
}

.container{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    padding:30px   
}

button{
    background-color: aquamarine;
}

.img{
    margin:  0 auto;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;

}

.msgBox{
    margin:  0 auto;
    width: 30%;
    padding: 15px;
    border-radius: 15px;
}
.error{
    border: solid red;
    background-color: rgb(229, 160, 155);
}
.correct{
    border: solid rgb(48, 45, 225) ;
    background-color: rgb(168, 188, 239);
    margin:  0 auto;
    width: 30%;
    padding: 15px;
    border-radius: 15px;
}
.msgBox h4{
    font-size: 24px;
    color: black;

}

.hint{
    border: solid rgb(40, 40, 154);
    background-color: rgba(117, 244, 235, 0.804);

}
.question{
    color:blue;
    font-size: large;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.class{
    color:rgb(16, 8, 235);
    font-size: medium;
}
p{
    color:rgb(15, 1, 45);
    font:10px;
}
.t_guess{
    color: green;
    padding: 30px;
}
h2{
    color:mediumvioletred;
    
}

h3{
    color: red;
}
h1{
    display: flex;
    justify-content: center;
    align-items: center;
}