body {
    font-family: PPRightGroteskMono-Regular, serif;
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-size: 1.125rem;
    background-color: #F9F5F1;
    color:#1A0705;
}

header {
    top: 0;
    position: relative;
    background-image: url(../img/header-background-2.png);
    background-repeat: no-repeat;
    margin-bottom: 8rem;
}

header h1 {
    margin-top: 3rem;
}

header img {
    margin-top: 5rem;
    padding-left: 8rem;
    padding-right: 2rem;
}

header p {
    font-size: 1.25rem;
}

h1 {
    font-family: AwesomeSerif-BoldTall, serif;
    font-weight: normal;
    font-size: 9rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
    padding: 0;
    color: #E44031;
}

h2 {
    font-family: AwesomeSerif-BoldExtraTall, serif;
    letter-spacing: .1rem;
    font-size: 3.5rem;
    font-weight: normal;
    margin: 0;
    letter-spacing: .1rem;
    color:#E44031;
}

h3 {
    font-family: AwesomeSerifItalic-LightTall, serif;
    font-weight: normal;
    letter-spacing: .1rem;
    font-size: 2.25rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
}

h4 {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 2rem;
}

p {
    font-family: 'PPRightGroteskMono-Fine', serif;
    line-height: 1.8rem;
    font-size: 1.3rem;
    padding-right: 0 2rem 0 0;
}



nav {
    text-transform: uppercase;
    position: fixed;
    z-index: 1;
    width: 100%;
    background-image: url(../img/header-background-2.png); 
}

nav ul {
    margin: 0 auto;
    text-align: center;
    padding: 1rem;
}

nav ul li {
    display: inline-block;
    letter-spacing: .1rem;
    padding: 0 1rem;
    text-decoration-thickness: 1px;
}

/* Nav URL styling */
nav li a:hover {
    text-decoration: underline;
    text-underline-offset: .5rem;
}
nav a:link {
    text-decoration: none;
    color:#1A0705;
}
nav a:visited {
    color:#1A0705;
}
nav a:hover {
    color:#E44031;
}
nav a:active {
    color: #FF4837;
}

/* Page URL styling */
a:link {
  color: #E44031;
}
a:visited {
  color: #1A0705;
}
a:hover {
  color: #FF4837;
}
a:active {
  color: #FF4837;
}

/* Footer social icon styling */
.footer-socials a:link {
    color: #1A0705;
}

.footer-socials a:visited {
    color: #1A0705;
}

.footer-socials a:hover {
  color: #E44031;
}

.footer-socials a:active {
  color: #FF4837;
}

li.empty {
    width: 7rem;
    border-top: 1px solid #1A0705;
    top: -.3rem;
    position: relative;
}

footer {
    background-image: url('../img/footer-background.png');
    background-repeat: no-repeat;
    margin-top: 0;
}

footer a {
    text-decoration-thickness: .2rem;
    text-underline-offset: .5rem;
}


footer h1 {
    font-size: 4rem;
    text-align: center;
    margin-bottom: 0;
}

footer p {
    margin: 0;
    text-align: center;
    padding: 4rem 0 2rem 0;
}

footer ul {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}

footer ul li {
    display: inline-block;
    padding-top: 2rem;
    padding-right: 3rem;
}

footer ul li a:visited {
    /* visited link */
  color: #1A0705;
}

footer p {
    font-size: 1rem;
}

img {
    max-width: 100%;
}


/* Bootstrap icons, yay! */
@import "bootstrap-icons/font/bootstrap-icons.css";

/* Pangram Right Grotesk Mono */
@font-face {
    font-family: 'PPRightGroteskMono-Regular';
    src: url('../fonts/PPRightGroteskMono-Regular.otf') format ('otf');
}

@font-face {
    font-family: 'PPRightGroteskMono-Fine';
    src: url('../fonts/PPRightGroteskMono-Fine.otf') format ('otf');
}

/* Awesome Serif — Regular */
@font-face {
    font-family: 'AwesomeSerif-BoldExtraTall';
    src: url('../fonts/AwesomeSerif-BoldExtraTall.otf') format('otf');
    font-style: normal;
    }

@font-face {
    font-family: 'AwesomeSerif-BoldRegular';
    src: url('../fonts/AwesomeSerif-BoldRegular.otf') format('otf');
    font-style: normal;
    }

@font-face {
    font-family: 'AwesomeSerif-BoldTall';
    src: url('../fonts/AwesomeSerif-BoldTall.otf') format('otf');
    font-style: normal;
    }

@font-face {
    font-family: 'AwesomeSerif-ExtraTall';
    src: url('../fonts/AwesomeSerif-ExtraTall.otf') format('otf');
    font-style: normal;
    }

@font-face {
    font-family: 'AwesomeSerif-LightExtraTall';
    src: url('../fonts/AwesomeSerif-LightExtraTall.otf') format('otf');
    font-style: normal;
    }

@font-face {
    font-family: 'AwesomeSerif-LightRegular';
    src: url('../fonts/AwesomeSerif-LightRegular.otf') format('otf');
    font-style: normal;
    }

@font-face {
    font-family: 'AwesomeSerif-LightTall';
    src: url('../fonts/AwesomeSerif-LightTall.otf') format('otf');
    font-style: normal;
    }

@font-face {
    font-family: 'AwesomeSerif-MediumExtraTall';
    src: url('../fonts/MediumExtraTall.otf') format('otf');
    font-style: normal;
    }

@font-face {
    font-family: 'AwesomeSerif-MediumRegular';
    src: url('../fonts/AwesomeSerif-MediumRegular.otf') format('otf');
    font-style: normal;
    }

@font-face {
    font-family: 'AwesomeSerif-MediumTall';
    src: url('../fonts/MediumTall.otf') format('otf');
    font-style: normal;
    }

@font-face {
    font-family: 'AwesomeSerif-Regular';
    src: url('../fonts/Regular.otf') format('otf');
    font-style: normal;
    }

@font-face {
    font-family: 'AwesomeSerif-SemBdExtraTall';
    src: url('../fonts/AwesomeSerif-SemBdExtraTall.otf') format('otf');
    font-style: normal;
    }
 
@font-face {
    font-family: 'AwesomeSerif-SemiBoldRegular';
    src: url('../fonts/AwesomeSerif-SemiBoldRegular.otf') format('otf');
    font-style: normal;
    }

@font-face {
    font-family: 'AwesomeSerif-SemiBoldTall';
    src: url('../fonts/AwesomeSerif-SemiBoldTall.otf') format('otf');
    font-style: normal;
    }

@font-face {
    font-family: 'AwesomeSerif-Tall';
    src: url('../fonts/AwesomeSerif-Tall.otf') format('otf');
    font-style: normal;
    }

/* ------Awesome Serif — Italic ------ */

@font-face {
    font-family: 'AwesomeSerifItalic-BdExtraTall';
    src: url('../fonts/AwesomeSerifItalic-BdExtraTall.otf') format('otf');
    font-style: normal;
    }

@font-face {
    font-family: 'AwesomeSerifItalic-BdRegular';
    src: url('../fonts/AwesomeSerifItalic-BdRegular.otf') format('otf');
    font-style: normal;
    }

@font-face {
    font-family: 'AwesomeSerifItalic-BoldTall';
    src: url('../fonts/AwesomeSerifItalic-BoldTall.otf') format('otf');
    font-style: normal;
    }

@font-face {
    font-family: 'AwesomeSerifItalic-ExtraTall';
    src: url('../fonts/AwesomeSerifItalic-ExtraTall.otf') format('otf');
    font-style: normal;
    }

@font-face {
    font-family: 'AwesomeSerifItalic-LightReg';
    src: url('../fonts/AwesomeSerifItalic-LightReg.otf') format('otf');
    font-style: normal;
    }

@font-face {
    font-family: 'AwesomeSerifItalic-LightTall';
    src: url('../fonts/AwesomeSerifItalic-LightTall.otf') format('otf');
    font-style: normal;
    }

@font-face {
    font-family: 'AwesomeSerifItalic-LtExtraTall';
    src: url('../fonts/AwesomeSerifItalic-LtExtraTall.otf') format('otf');
    font-style: normal;
    }

@font-face {
    font-family: 'AwesomeSerifItalic-MdExtraTall';
    src: url('../fonts/AwesomeSerifItalic-MdExtraTall.otf') format('otf');
    font-style: normal;
    }

@font-face {
    font-family: 'AwesomeSerifItalic-MediumTall';
    src: url('../fonts/AwesomeSerifItalic-MediumTall.otf') format('otf');
    font-style: normal;
    }

@font-face {
    font-family: 'AwesomeSerifItalic-MedRegular';
    src: url('../fonts/AwesomeSerifItalic-MedRegular.otf') format('otf');
    font-style: normal;
    }

@font-face {
    font-family: 'AwesomeSerifItalic-Regular';
    src: url('../fonts/AwesomeSerifItalic-Regular.otf') format('otf');
    font-style: normal;
    }

@font-face {
    font-family: 'AwesomeSerifItalic-SemBdTall';
    src: url('../fonts/AwesomeSerifItalic-SemBdTall.otf') format('otf');
    font-style: normal;
    }

@font-face {
    font-family: 'AwesomeSerifItalic-SmExtraTall';
    src: url('../fonts/AwesomeSerifItalic-SmExtraTall.otf') format('otf');
    font-style: normal;
    }

@font-face {
    font-family: 'AwesomeSerifItalic-SmRegular';
    src: url('../fonts/AwesomeSerifItalic-SmRegular.otf') format('otf');
    font-style: normal;
    }

@font-face {
    font-family: 'AwesomeSerifItalic-Tall';
    src: url('../fonts/AwesomeSerifItalic-Tall.otf') format('otf');
    font-style: normal;
    }

/* CLASSES */
.beige {
    background-color: #F2E6DA;
}
.bestie {
    font-size: 1.5rem;
    font-family: 'PPRightGroteskMono-Regular';
}

.button {
    border: 1px solid #1A0705;
    padding: .7rem;
    font-family: AwesomeSerifItalic-LightTall, serif;
    text-decoration: none;
    letter-spacing: .1rem;
    display: inline-block;
    color:#1A0705;
    transition: background 0.5s ease-in-out;
}

.button:hover {
    background: #1A0705;
}

.hero-text {
    font-family: AwesomeSerifItalic-LightTall, serif;
    font-size: 8rem;
    color: #1A0705;
    display: block;
    margin-bottom: -2.5rem;
    padding-bottom: 0;
}

.footer-heading {
    color: #1A0705;
    font-family: AwesomeSerifItalic-LightTall, serif;
    font-size: 4rem;
    padding-top: 4rem;
    margin-top: 0;
    margin-bottom: 0;
}

.project {
    margin-top: 3rem;
    padding: 3rem 0;
}

.small-caps {
    font-variant: small-caps;
}

.red-text-subheading-header {
    color:#E44031
}

/* work.html styling classes goes herrrr */

.h1-styling {
    text-align: center;
    padding-top: 8rem;
}