/*
make the background of the page black
*/
body {
    background-color: black;
}

h1 {
    color: white;
    text-align: center;
    position: center;
    width: 100%;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
   /* moove the lis in the center */
    align-content: center;
    text-align: center;
    width: 100%;
    /*center of the page depeends of the width of the page*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*scale the image depending of the height of the page*/
    transition: 0.5s transform;
}

li {
    padding: 1%;
}

#git_img {
    /*make the image bigger and responsive*/
    width: 5%;
    height: auto;

}

#lik_img {
    /*make the image bigger and responsive*/
    width: 5%;
    height: auto;
}