* {
    margin:0;
    padding:0;
}


body {
}

.mae {
    flex-direction: row;
    margin:50px;
    display:flex;
    width: 500px;
    height:500px;
    background-color: red;
    align-items: center; /*centraliza verticalmente.*/
    justify-content: center; /*centraliza horizontalmente.*/
    gap:10px;
    flex-wrap: wrap;
    

}

.filho {
    display:flex;
    justify-content: center; /*centraliza horizontalmente.*/
    align-items: center; /*centraliza verticalmente*/
    border-radius: 20px;
    width:100px;
    height:100px;
    background-color: cyan;
    
}

.titulo {
    display: flex;
    justify-content: center;
    width: 100%;
    border: 3px solid black;
    

}