*{
    margin: 0;
    padding: 0%;
    box-sizing: border-box;
}



.caixa-roxo{
    background-color: rgb(199, 139, 255);
    height: 20vh;
    width: auto;
    display: flex;
    justify-content: right;
    gap: 5px;
    align-items: flex-end;
}

.circulo-roxo{
    border-radius: 50%;
    border: solid rgb(78, 24, 129) 5px;
    height: 10vh;
    width: 10vh;
    background-color: blueviolet;
}

.circulo-roxo:hover{
    height: 15vh;
    width: 15vh;
    transition: all 4s;
}

.caixa-verde{
    background-color: rgb(197, 240, 132);
    height: 20vh;
    width: auto;
    display: flex;
    justify-content: right;
    gap: 5px;
    align-items: center;
}

.circulo-verde{
    border-radius: 50%;
    border: solid rgb(39, 89, 36) 5px;
    height: 10vh;
    width: 10vh;
    background-color: rgb(66, 186, 53);
}

.circulo-verde:hover{
    height: 15vh;
    width: 15vh;
    transition: all 4s;
}

.caixa-vermelha{
    background-color: tomato;
    height: 20vh;
    width: auto;
    display: flex;
    justify-content: center;
    gap: 5px;
    align-items: center;
}

.circulo-vermelho{
    border-radius: 50%;
    border: solid rgb(106, 19, 19) 5px;
    height: 10vh;
    width: 10vh;
    background-color: rgb(191, 0, 0);
}

.circulo-vermelho:hover{
    height: 15vh;
    width: 15vh;
    transition: all 4s;
}

.caixa-amarela{
    background-color: yellow;
    height: 20vh;
    width: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.circulo-amarelo{
    border-radius: 50%;
    border: solid rgb(150, 138, 29) 5px;
    height: 10vh;
    width: 10vh;
    background-color: rgb(215, 212, 12);
}

.circulo-amarelo:hover{
    height: 15vh;
    width: 15vh;
    transition: all 4s;
}

.caixa-azul{
    background-color:rgb(85, 85, 235);
    width: auto;
    height: 20vh;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.circulo-azul{
 background-color: blue;
 height: 10vh;
 width: 10vh;
 border-radius: 50%;
 border: solid rgb(4, 4, 135) 5px;
}

.circulo-azul:hover{
    height: 15vh;
    width: 15vh;
    transition: all 4s;
}