* {
    margin: none;
    padding: none;
}

.container {
    display: flex;
    justify-content: space-evenly;
    font-size: xx-large;

    .box {
        height: 300px;
        width: 300px;
        background-color: deepskyblue;
        transition: 0.5S;
        text-align: center;
    }
}

#b1:hover {
    padding: 2%;
    transform: rotate(45deg);
    background-color: cyan;
}

#b2:hover {
    padding: 2%;
    transform: skew(-25deg, 20deg);
    background-color: crimson;
}

#b3:hover {
    padding: 2%;
    transform:scale(1.3);
    background-color:indigo;
}

#b4:hover{
    padding: 2%;
    transform:translate(100px,20px);
    background-color:navy;
}