*{
        box-sizing: border-box;
}

body{
        background-color: aquamarine;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
}

h1{
        font-size: 3em;
        font-weight: bold;
        background-color: pink;
        padding: 1%;
        width: 80%;
        margin: 30px auto;
        color: blue;
        text-align: center;
        letter-spacing: 30px;
        border: 8px dotted red;
        border-radius: 50px;
        outline: 8px groove green;
}

div{
        font-size: 3em;
        font-weight: bold;
        background-color: pink;
        padding: 1%;
        width: 80%;
        margin: 30px auto;
        color: blue;
        text-align: center;
        letter-spacing: 30px;
        border: 8px dotted red;
        border-radius: 50px;
        outline: 8px groove green;
}

.titulo{
        font-size: 3em;
        font-weight: bold;
        background-color: blue;
        padding: 1%;
        width: 80%;
        margin: 30px auto;
        color: red;
        text-align: center;
        letter-spacing: 30px;
        border: 8px dotted green;
        border-radius: 50px;
        outline: 8px groove yellow;  
}

#titulo{
        font-size: 3em;
        font-weight: bold;
        background-color: gray;
        padding: 1%;
        width: 80%;
        margin: 30px auto;
        color: yellow;
        text-align: center;
        letter-spacing: 30px;
        border: 8px dotted goldenrod;
        border-radius: 50px;
        outline: 8px groove yellowgreen;  
}