@font-face {
    font-family: Poiret;
    src: url('fonts/Poiret_One/PoiretOne-Regular.ttf');
}

@font-face {
    font-family: Raleway;
    src: url('fonts/Raleway-Regular.ttf');
}

html{
    height: 100%;
}

body{
    padding: 0;
    margin: 0;
    height: 100%;
    background-color: #77B28C;
    
    display: flex;
    justify-content: center;
    align-items: center;
}

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


#main-content h1{
    font-family: Poiret;
    color: white;
    
    display: flex;
    flex-basis: 100%;
}

#main-content i{
    font-size: 40px;
    color: white;
}

#main-content i:hover{
    color: #B4654A;
}