* {
    box-sizing: border-box;
}

div {
    width: 100px;
    height: 100px;
    background-color: rgb(0, 225, 255);
    border: 1px solid red;
    color: rgb(60, 0, 255);
}

#x {
    color: rgb(47, 255, 0);
}

#x1:hover{
    color: rgb(95, 6, 178);
    background-color: rgb(65, 44, 44);
    border-radius: 50%;
    transition: 1.5s;
}