style.css

div.bio{
    display: inline-block;
    background-color:aqua;
    height: 300px;
    width: 300px;
    cursor: pointer;
    position: absolute;
    top: -50px;
    left:300px;
}
.bio:hover{
    background-color: rgb(1, 1, 15);
}
div.contacts{
     display: inline-block;
    background-color:rgb(190, 116, 5);
    
        height: 300px;
        width: 300px;
        cursor: pointer; 
        position: absolute;
        top: 550px;
        left: 900px;
}
.contacts:hover{
    background-color: rgb(175, 71, 71);
}
div.educ{
    display: inline-block;
    background-color:green;
    width: 300px;
    height: 300px;
    margin: 0 auto;
    cursor: pointer;
    position: absolute;
    top: 250px;
    left: 600px;
}
.educ:hover{
    background-color: rgba(6, 240, 150, 0.192);
}
div.myphoto{
    display: inline-block;
    background-color:rgba(238, 234, 22, 0.897);
    height: 300px;
    width: 300px;
    cursor: pointer;
    position:absolute;
    top: -50px;
    left: 900px;

}
.myphoto:hover{
    background-color: rgb(178, 178, 206);
}
div.hobbies{
    display: inline-block;
    background-color:rgb(228, 26, 103);
    height:300px;
    width: 300px;
    cursor: pointer;
    position: absolute;
    top:550px;
    left: 300px;
    

}
.hobbies:hover{
    background-color: rgba(16, 16, 219, 0.801);
}