/* Personal Site Styles */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'georgia';
    display: flex;
    justify-content: center;
    min-height: 100vh;
    background-color: rgb(251, 248, 244);
}

.name {
    padding-top:20px;
    color:#333;
    display:flex;
    justify-content:center;
}

.header-nav {
    padding-top:20px;
    list-style: none;
    display:flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.nav-link {
    color: #972716;
    font-size: 1.1rem;
    cursor:pointer;
    text-decoration: none;

    &:hover {
        text-decoration:underline;
    }

    &.underline {
        text-decoration: underline;
    }
}

.info {
    width:700px;
    border:solid 1px #aaa;
    box-sizing: border-box;
    padding:30px;
    color:#333;

    h2 {
        font-size:1.4em;
        font-weight:600;
        padding-bottom:10px;
    }

    .info-paragraph {
        padding-bottom:30px;
    }
}

.footer-img__wrapper {
    padding:20px 0px 40px 0px;
    width:100%;
    display:flex;
    align-items: center;
    justify-content: center;
}

.footer-img,
.banner-img {
   filter: sepia(4%) saturate(120%) brightness(99%); 
}