*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    text-decoration: none;
}

.l1{
    display: flex;
    justify-content: right;
    align-items: flex-end;
    width: 100vw;
    height: 150px;
    background-color: rgb(108, 60, 108);
}
.circulo{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin: 10px;

}
.roxo{
    background-color: rgb(118, 13, 118);
}

.l2{
    display: flex;
    width: 100vw;
    height: 150px;
    background-color: rgb(122, 36, 36);
    justify-content: right;
    align-items: center;
}
.vermelho{
    background-color: red;
}

.l3{
    display: flex;
    width: 100vw;
    height: 150px;
    background-color: rgb(49, 123, 49);
    justify-content: center;
    align-items: center;
}
.verde{
    background-color: rgb(11, 216, 45);
}
.l4{
    display: flex;
    width: 100vw;
    height: 150px;
    background-color: rgb(39, 39, 145);
    justify-content: center;
    align-items: center;
    gap: 310px;
}
.azul{
    background-color: blue;
}
.l5{
    display: flex;
    width: 100vw;
    height: 150px;
    background-color: rgb(205, 205, 62);
    justify-content: center;
    align-items: center;
    gap: 200px;
    
}
.amarelo{
    background-color: yellow;
}