/* font-family: 'Cormorant Garamond', serif;
font-family: 'Roboto', sans-serif; */
body
{
  background-color: #dde5ec;
}

/* centers everything inside container*/
h1 {
    font-family: 'Roboto', sans-serif;
}

.container
{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.fa {
  color: #8b1a1b;
    display: block;
margin-right: 15px;
}

.fa:hover {
    color: black;
}

@media (max-width: 1000px){
    header{
        /* Reverse the axis of the header, making it vertical. */
        flex-direction: column;

        /* Align items to the begining (the left) of the header. */
        align-items: flex-start;
    }
}

/* nav */