* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  a{
    text-decoration: none;
    color: inherit;
  }
  ul, ol, li{
    list-style: none;
  }
  .roxo {
    width: 100vw;
    height: 250px;
    background-color: rgba(112, 66, 136, 0.423);
    display: flex;
    justify-content:flex-end;
    align-items:last baseline;
    
}
.circulo {
    width: 120px;
    height: 120px;
    background-color: rgba(134, 87, 166, 0.589);
    border-radius: 50%;
    margin: 0 5px;
    
}
.verde {
    width: 100vw;
    height: 250px;
    background-color: rgba(105, 168, 33, 0.527);
    display: flex;
    justify-content:flex-end;
    align-items:center;
    
}
.circulo1 {
    width: 120px;
    height: 120px;
    background-color: rgba(64, 147, 64, 0.546);
    border-radius: 50%;
    margin: 0 5px;
    
}
.vermelho {
    width: 100vw;
    height: 250px;
    background-color: rgba(225, 190, 187, 0.527);
    display: flex;
    justify-content:center;
    align-items:center;
    
}
.circulo2 {
    width: 120px;
    height: 120px;
    background-color: rgba(204, 30, 11, 0.632);
    border-radius: 50%;
    margin: 0 5px;
    
}
.amarelo {
    width: 100vw;
    height: 250px;
    background-color: rgba(243, 231, 167, 0.809);
    display: flex;
    justify-content:space-between;
    align-items:center;
    
}
.circulo3 {
    width: 120px;
    height: 120px;
    background-color: rgba(230, 190, 15, 0.74);
    border-radius: 50%;
    margin: 0 5px;
    
}
.azul {
    width: 100vw;
    height: 250px;
    background-color: rgba(167, 209, 243, 0.809);
    display: flex;
    justify-content:space-around;
    align-items:center;
    
}
.circulo4 {
    width: 120px;
    height: 120px;
    background-color: rgba(22, 15, 230, 0.555);
    border-radius: 50%;
    margin: 0 5px;
    
}