estilo.css

*{
    margin: 0;
}
.container{
    width: 100%;
    border: 1px solid black;
}
#cabecalho{
height: 300px;
background-color: #FDF4F5;

}
ul{
    display: flex;
    justify-content: center;
}
a{ 
    padding: 30px;
    list-style-type: none;
    text-decoration: ;
}
#areaimagem{
    height: 200px;
    background-color: #E8A0BF;
}

#box2{
    height: 300px;
    background-color: #BA90C6;
    display: flex;
    justify-content: space-evenly;
    align-items: center;

}

.caixa{ 
    
    width: 25%;
    height: 200px;
    border: 1px solid black;
}

#box3{
    height: 300px;
    background-color: #C0DBEA;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
#rodape{
    height: 50px;
    background-color: #FDF4F5;
}
.fontevermelha{
    color: red;
}
#fundoazul{
    color: blue;
}