:root {
    --primary-color: #71b3dd;
    --primary-dark-color: #4489b5;
    --text-color-gray: #8b979f;
    --text-color-light-gray: #c1c7cb;
    --text-color-dark-gray: #5a6f7c;
}

.container{
    display: grid;
    box-shadow: 0px 10px 20px 5px lightgrey;
    width: 1000px;
    margin: 100px auto;
}
.container>div{
    margin-left: 30px;
}


.basic-info{
    display: grid;
    grid-template-columns: 3fr 1fr;
}

.me{
    width: 60%;
    transform: translate(-40px,30px);
}


footer {
    margin-top: 20px;
    text-align: center;
}

footer ul {
    display: flex;
}
footer ul li {
    list-style: none;
    margin: auto;
}
footer .fab{
    color: var(--primary-color);
    font-size: 24px;
}
footer .fas{
    color: var(--primary-color);
    font-size: 24px;
}

h1:hover{
    color: pink;
}
h2:hover{
    color: blue;
}
div p:hover{
    color: var(--primary-color);
}