body {
    background-color: lavenderblush;
    flex: auto;
    margin: 150px 150px;
}

#first {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#hy {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.shy {
    width: 350px;
    height: 350px;
}

.hyyy {
    margin: 50px;
    display: flex;
    justify-content: space-evenly
}


#info {

    align-items: center;
    border: 7px solid pink;
    border-radius: 15px;

    width: 280px;
    height: 180px;
    padding: 10px;
}

#comp {

    align-items: center;
    border: 7px solid pink;
    border-radius: 15px;
    width: 280px;
    height: 180px;
    padding: 10px;
}

#hyyy {
    display: flex;
    flex-direction: row;


}

#exp {

    align-items: center;
    border: 7px solid pink;
    border-radius: 15px;
    width: 280px;
    height: 170px;
    padding: 10px;
}

#lang {

    align-items: center;
    border: 7px solid pink;
    border-radius: 15px;
    width: 280px;
    height: 170px;
    padding: 10px;
}

#hobb {

    align-items: center;
    border: 7px solid pink;
    border-radius: 15px;
    width: 280px;
    height: 170px;
    padding: 10px;
}

#fav {

    align-items: center;
    border: 7px solid pink;
    border-radius: 15px;
    width: 280px;
    height: 170px;
    padding: 10px;

}

#title1 {
    margin: 10px auto;
    border: solid #D1CA81;
    border-radius: 20px;
    padding: 10px;
    background-color: #EAE4B0;
    width: 250px;

}




#title2 {
    margin: 10px auto;
    border: solid #D1CA81;
    border-radius: 20px;
    padding: 10px;
    background-color: #EAE4B0;
    width: 100px;
}

#second {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;


}


.icon:hover {
    display: flex;
    transform: translateY(-5px);
}




/* #CLASS HOVER
{transform:translit.......... }MNTOCHIHACH */