html,body{
    background-color: rgb(233, 233, 233);
}

.cls-2{
    transition: 1s;
    transform-origin: 60% 60%;
}

#buttonBar{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5%;
    box-sizing: border-box;
    text-align: center;
}

.button{
    width: 8vw;
    height: 8vw;
    display: inline-block;
    border-radius: 100%;
    background-color: black;
    margin: 0 5vw;
    cursor: pointer;
    border:1vh solid rgb(219, 219, 219);
    box-sizing: border-box;
    transition: 0.2s;
}
.button:hover{
    width: 10vw;
    height: 10vw;
    margin: -1vw 4vw;
}

.button:nth-child(1){
    background-color: red;
}

.button:nth-child(2){
    background-color:green;
}

.button:nth-child(3){
    background-color: blue;
}

.button:nth-child(4){
    background-color:blueviolet;
}