* {
    margin: 0;
    padding: 0;
    box-sizing: 0; 
}
.circulos {
    width: 100vw;
    height: 200px;
    background-color: plum;
    display:flex;
    justify-content: right;
    align-items: end;
}
.circulos div {
    width: 100px;
    height: 100px;
    background-color: rgb(154, 17, 154);
    border-radius: 50%;
    box-shadow: 4px 4px 4px black;
}
.circulos2 {
    width: 100vw;
    height: 200px;
    background-color: rgb(123, 209, 130);
    display:flex;
    justify-content: right;
    align-items: center;
}
.circulos2 div {
    width: 100px;
    height: 100px;
    background-color: green;
    border-radius: 50%;
    box-shadow: 4px 4px 4px black;
}
.circulos3 {
    width: 100vw;
    height: 200px;
    background-color: rgb(213, 64, 81);
    display:flex;
    justify-content: center;
    align-items: center;
}
.circulos3 div {
    width: 100px;
    height: 100px;
    background-color: rgb(218, 11, 11);
    border-radius: 50%;
    box-shadow: 4px 4px 4px black;
}
.circulos4 {
    width: 100vw;
    height: 200px;
    background-color: rgb(244, 244, 71);
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.circulos4 div {
    width: 100px;
    height: 100px;
    background-color: yellow;
    border-radius: 50%;
    box-shadow: 4px 4px 4px black;
}
.circulos5 {
    width: 100vw;
    height: 200px;
    background-color: rgb(105, 105, 215);
    display:flex;
    justify-content: space-evenly;
    align-items: center;
}
.circulos5 div {
    width: 100px;
    height: 100px;
    background-color: blue;
    border-radius: 50%;
    box-shadow: 4px 4px 4px black;
}