body {
  background-color: #E1BDB7;
  color: #462f28;
  margin-left: 10%;
  margin-right: 10%;
  max-width: 656px;
}
.prose {
  font-size: 14pt;
  text-align: justify;
  font-weight: 400;
  font-family: 'Charis';
}
.poem {
  font-size: 14pt;
  text-align: justify;
  font-weight: 400;
  font-family: 'Charis';
  font-style: italic;
  margin-left: 12.5%;
  margin-right: 12.5%;
  max-width: 615px;
}
.comment {
  font-size: 16pt;
  text-align: justify;
  font-weight: 400;
  font-family: 'Alegreya';
}
.nav {
  font-size: 16pt;
  font-weight: 300;
  text-align: center;
  font-family: 'Alegreya';
  letter-spacing: 3px;
}
.subtitle {
  font-family: 'Alegreya';
  font-weight: 400;
  letter-spacing: 4px;
  font-size: 16pt;
  text-align: center;
  margin-top: -12px;
}
h1 {
  font-family: 'Garamond';
  font-style: italic;
  font-weight: 800;
  font-size: 36pt;
  text-align: center;
}
h2 {
  font-family: 'Alegreya';
  font-style: normal;
  font-weight: 600;
  font-size: 24pt;
  text-align: center;
}
h3 {
  font-family: 'Alegreya';
  font-style: italic;
  font-weight: 400;
  font-size: 24pt;
  text-align: center;
}
/* LINKS */
a {
}
a:link {
  color: #31005b;
  font-weight: 400;
}
a:visited {
  color: #6e3d99;
}
a:focus {
  text-decoration: none;
  background: #ffd2ff;
}
a:hover {
  text-decoration: none;
  background: #ffd2ff;
}
a:active {
  background: #31005b;
  color: #ffd2ff;
}
/*Blog Stuff*/
#nextprev {
  text-align: center;
  margin-top: 1.4em;
  font-family: 'Alegreya'
}
/* FONT: Alegreya Sans ('Alegreya') */
@font-face {
    font-family: 'Alegreya';
    src: url('./fonts/alegreya/AlegreyaSans-Bold.woff2') format('woff2'),
        url('./fonts/alegreya/AlegreyaSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Alegreya';
    src: url('./fonts/alegreya/AlegreyaSans-Black.woff2') format('woff2'),
        url('./fonts/alegreya/AlegreyaSans-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Alegreya';
    src: url('./fonts/alegreya/AlegreyaSans-ExtraBoldItalic.woff2') format('woff2'),
        url('./fonts/alegreya/AlegreyaSans-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Alegreya';
    src: url('./fonts/alegreya/AlegreyaSans-ExtraBold.woff2') format('woff2'),
        url('./fonts/alegreya/AlegreyaSans-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Alegreya';
    src: url('./fonts/alegreya/AlegreyaSans-BlackItalic.woff2') format('woff2'),
        url('./fonts/alegreya/AlegreyaSans-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Alegreya';
    src: url('./fonts/alegreya/AlegreyaSans-BoldItalic.woff2') format('woff2'),
        url('./fonts/alegreya/AlegreyaSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Alegreya';
    src: url('./fonts/alegreya/AlegreyaSans-Italic.woff2') format('woff2'),
        url('./fonts/alegreya/AlegreyaSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Alegreya';
    src: url('./fonts/alegreya/AlegreyaSans-MediumItalic.woff2') format('woff2'),
        url('./fonts/alegreya/AlegreyaSans-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Alegreya';
    src: url('./fonts/alegreya/AlegreyaSans-Light.woff2') format('woff2'),
        url('./fonts/alegreya/AlegreyaSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Alegreya';
    src: url('./fonts/alegreya/AlegreyaSans-ThinItalic.woff2') format('woff2'),
        url('./fonts/alegreya/AlegreyaSans-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Alegreya';
    src: url('./fonts/alegreya/AlegreyaSans-Thin.woff2') format('woff2'),
        url('./fonts/alegreya/AlegreyaSans-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Alegreya';
    src: url('./fonts/alegreya/AlegreyaSans-LightItalic.woff2') format('woff2'),
        url('./fonts/alegreya/AlegreyaSans-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Alegreya';
    src: url('./fonts/alegreya/AlegreyaSans-Regular.woff2') format('woff2'),
        url('./fonts/alegreya/AlegreyaSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Alegreya';
    src: url('./fonts/alegreya/AlegreyaSans-Medium.woff2') format('woff2'),
        url('./fonts/alegreya/AlegreyaSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
/* FONT: GARAMOND */
@font-face {
    font-family: 'Garamond';
    src: url('./fonts/garamond/EBGaramond-Bold.woff2') format('woff2'),
        url('./fonts/garamond/EBGaramond-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Garamond';
    src: url('./fonts/garamond/EBGaramond-BoldItalic.woff2') format('woff2'),
        url('./fonts/garamond/EBGaramond-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;

}

@font-face {
    font-family: 'Garamond';
    src: url('./fonts/garamond/EBGaramond-ExtraBold.woff2') format('woff2'),
        url('./fonts/garamond/EBGaramond-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Garamond';
    src: url('./fonts/garamond/EBGaramond-ExtraBoldItalic.woff2') format('woff2'),
        url('./fonts/garamond/EBGaramond-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;

}

@font-face {
    font-family: 'Garamond';
    src: url('./fonts/garamond/EBGaramond-Italic.woff2') format('woff2'),
        url('./fonts/garamond/EBGaramond-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'Garamond';
    src: url('./fonts/garamond/EBGaramond-MediumItalic.woff2') format('woff2'),
        url('./fonts/garamond/EBGaramond-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;

}

@font-face {
    font-family: 'Garamond';
    src: url('./fonts/garamond/EBGaramond-Medium.woff2') format('woff2'),
        url('./fonts/garamond/EBGaramond-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;

}

@font-face {
    font-family: 'Garamond';
    src: url('./fonts/garamond/EBGaramond-Regular.woff2') format('woff2'),
        url('./fonts/garamond/EBGaramond-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Garamond';
    src: url('./fonts/garamond/EBGaramond-SemiBold.woff2') format('woff2'),
        url('./fonts/garamond/EBGaramond-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;

}

@font-face {
    font-family: 'Garamond';
    src: url('./fonts/garamond/EBGaramond-SemiBoldItalic.woff2') format('woff2'),
        url('./fonts/garamond/EBGaramond-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;

}
/* FONT: CHARIS */
@font-face {
    font-family: 'Charis';
    src: url('./fonts/charis/Charis-BoldItalic.woff2') format('woff2'),
        url('./fonts/charis/Charis-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Charis';
    src: url('./fonts/charis/Charis-Regular.woff2') format('woff2'),
        url('./fonts/charis/Charis-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Charis';
    src: url('./fonts/charis/Charis-MediumItalic.woff2') format('woff2'),
        url('./fonts/charis/Charis-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Charis';
    src: url('./fonts/charis/Charis-SemiBold.woff2') format('woff2'),
        url('./fonts/charis/Charis-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Charis';
    src: url('./fonts/charis/Charis-Bold.woff2') format('woff2'),
        url('./fonts/charis/Charis-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Charis';
    src: url('./fonts/charis/Charis-Medium.woff2') format('woff2'),
        url('./fonts/charis/Charis-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Charis';
    src: url('./fonts/charis/Charis-SemiBoldItalic.woff2') format('woff2'),
        url('./fonts/charis/Charis-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Charis';
    src: url('./fonts/charis/Charis-Italic.woff2') format('woff2'),
        url('./fonts/charis/Charis-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}