@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

* {
    font-family: 'Open Sans';
}

body {
    text-rendering: optimizeLegibility;
    background-color: rgb(243, 241, 233);
}

#page-content {
    max-width: 65%;
    margin: 0 auto;
    opacity: 0;
    transition: opacity 1.05s ease-in-out;
}

h1 {
    font-size: 56px;
    font-family: 'Montserrat';
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 24px;
}

h1, h2, h3 {
    text-align: center;
}

.footer {
    max-width: 65%;
    margin: 10% auto 0;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
}

.footer > p {
    align-self: center;
}

.footer-school {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.footer-link {
    text-decoration: none;
    margin: 10px 15px;
    font-size: 16px;
}

.footer-logo {
    width: 65px;
}

.footer-link > i {
    font-size: 65px;
}

.footer-navbar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.footer-navbar > a {
    color: black;
    text-decoration: none;
    margin: 5px 12px;
    font-size: 16px;
    font-family: 'Helvetica';
}

.footer-navbar > a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 650px) {
    #page-content {
        max-width: 100%;
    }

    h1 {
        font-size: 44px;
    }

    h2 {
        font-size: 32px;
    }

    h3 {
        font-size: 20px;
    }

    .footer {
        flex-direction: column;
    }
}