html{
    background-image: url(../static-media/bg-contact.jpg) !important ;
    overflow: hidden;
    font-family: 'Major Mono Display', monospace !important;
    color: rgb(255, 255, 255);
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
}




/* NAV */

.fas:hover, .fab:hover{
    color: rgba(255, 255, 255, 0.171);
    transition: ease-in-out 1s;

}

.links a li:hover{
    color: rgba(185, 121, 121, 0.349);
    cursor: pointer;
}





/* Content */

.container{
    font-family: monospace;
    margin: 5rem 15rem;
}

h1{
    font-size: 5rem;
    text-align: center;
    margin-bottom: 2rem;
}


.contacts {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contacts li{
    margin-bottom: 2rem;
}

.contacts li a{
    color:rgb(255, 255, 255);
    transition: ease-in-out 1s;
}

.contacts li a:hover{
    color:rgb(136, 136, 136);
}