#panel1, #M1{
    padding: 5px;
    text-align: center;
    background-color: wheat;
    border: solid 1px wheat;
}

#panel2, #M2{
    padding: 5px;
    text-align: center;
    background-color: rgb(82, 174, 180);
    border: solid 1px rgb(82, 174, 180);
}

#panel3, #M3{
    padding: 5px;
    text-align: center;
    background-color: rgb(180, 148, 223);
    border: solid 1px rgb(180, 148, 223);
}

#panel4, #M4{
    padding: 5px;
    font-size: 18px;
    text-align: center;
    background-color: rgb(243, 200, 107);
    color: white;
    border: solid 1px rgb(243, 200, 107);
    border-radius: 3px;
}

.container{
    background: rgb(212, 247, 132);
    padding: 50px;
    margin: 30px;
    border-radius: 10px;
    position: relative;
    text-align: center;
    align-items: center;
    width: 350px;
}

.titulo{
    position: relative;
    text-align: center;
    align-items: center;
}

body{
    background-color: rgb(205, 161, 214);
}

.col{
    border-radius: 5px;
    padding: 10px;
    margin: 10px;
    position: relative;
    text-align: center;
    align-items: center;
}