/* Hello to everyone reading the code! */
/* This website was styled with Sass. */
/* You can check it out here: */
/* https://sass-lang.com/ */
@import url("https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Dosis:wght@200;300;400;500;600;700;800&family=Special+Elite&display=swap");
html { margin: 0; padding: 0; height: 100%; }

body { margin: 0; padding: 0; height: 100%; background-color: #fff; }

p { font-family: "Aleo", serif; color: black; line-height: 1.6; font-size: 1.3em; margin-top: 15px; margin-bottom: 20px; }

h1, h2, h3, h4, h5, h6 { font-family: "Special Elite", sans-serif; font-weight: 600; margin-top: 50px; margin-bottom: 0px; color: #322e67; }

h1 { font-style: regular; color: black; font-size: 3em; margin-bottom: 30px; }

.container { min-height: 90%; max-width: 960px; width: 600px; float: auto; margin: auto; margin-top: 30px; padding: 100px; background-color: white; }

a { color: #322e67; text-decoration: none; }

a:hover { color: #433e8a; text-decoration: underline; }

a:active, a:visited { color: #211e44; text-decoration: underline; }

li { font-family: "Aleo", serif; color: black; font-size: 1.3em; padding: 10px 3px 10px 3px; }

.header { background-color: #322e67; max-width: 100%; min-height: 50px; padding: 40px; vertical-align: middle; }

.header h3 { font-family: "Dosis", sans-serif; color: #756fbf; text-align: center; font-size: 2em; padding: 20px; display: inline-flex; margin: auto; float: right; vertical-align: middle; }

.header #logo-name { font-family: "Special Elite", sans-serif; float: left; color: #fff; font-size: 3.5em; vertical-align: middle; }

.header #logo-name:hover { text-decoration: none; }

.header #nav-icon { color: #756fbf; text-decoration: none; vertical-align: middle; padding-right: 12px; }

.header #nav-icon:hover { text-decoration: none; }

.header #nav-icon:active { text-decoration: none; }

.header #nav-icon:visited { text-decoration: none; }

.header #nav-link { color: #756fbf; text-decoration: none; vertical-align: middle; }

.header #nav-link:hover { text-decoration: underline; }

.header #nav-link:active { text-decoration: underline; }

.header #nav-link:visited { text-decoration: none; }

.footer { background-color: #322e67; max-width: 100%; min-height: 10%; padding: 40px; }

.footer p { font-family: "Dosis", sans-serif; color: #756fbf; text-align: center; font-size: 1em; }

.pullquote { padding: 3px 3px 3px 10px; margin: 10%; border-left-style: solid; border-left-width: thick; border-left-color: #322e67; background-color: rgba(50, 46, 103, 0.2); }

.pullquote p { font-family: "Dosis", sans-serif; font-style: italic; font-weight: 100; text-align: left; font-size: 1.5em; margin: 20px 30px 20px 30px; }

.quoter { font-family: "Dosis", sans-serif; font-style: italic; font-weight: 100; text-align: right; font-size: .8em; }

.snippet-right { max-width: 30%; padding: 20px 25px 20px 20px; margin: 10%; float: right; font-family: "Dosis", sans-serif; font-size: 1.1em; font-weight: 400; line-height: 1.4; margin: 20px -300px 20px 30px; border-left-style: solid; border-left-width: 10px; border-left-color: #35e631; border-top-right-radius: 25px; border-bottom-right-radius: 25px; text-align: left; background-color: rgba(53, 230, 49, 0.2); }

.snippet-left { max-width: 30%; padding: 20px 25px 20px 20px; margin: 10%; float: left; font-family: "Dosis", sans-serif; font-size: 1.1em; font-weight: 400; line-height: 1.4; margin: 20px 30px 20px -300px; border-right-style: solid; border-right-width: 10px; border-right-color: #cb1d76; border-top-left-radius: 25px; border-bottom-left-radius: 25px; text-align: right; background-color: rgba(203, 29, 118, 0.2); }

.author-info { max-width: 100%; padding: 0px 30px 10px 30px; margin: 10%; background-color: rgba(0, 201, 255, 0.2); border-top-style: solid; border-top-width: 10px; border-top-color: #00c9ff; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; }

.author-info h2, .author-info p { font-family: "Dosis", sans-serif; text-align: left; }

.author-info h2 h2, .author-info h2 p, .author-info p h2, .author-info p p { color: #005066; }

.author-info h2 a, .author-info p a { color: #005066; }

.author-info h2 a:hover, .author-info p a:hover { color: #005066; text-decoration: underline; text-decoration-color: #005066; }

.author-info h2 a:active, .author-info p a:active { color: #005066; }

.author-info h2 a:visited, .author-info p a:visited { color: #002833; }

.author-info h2 { font-size: 2em; line-height: 0; }

.author-info p { font-size: 1.2em; line-height: 1.2em; }

.author-info h2, .author-info p { color: #005066; }

.author-info a { color: #005066; }

.author-info a:hover { color: #005066; text-decoration: underline; text-decoration-color: #005066; }

.author-info a:active { color: #005066; }

.author-info a:visited { color: #002833; }

.author-name-on-essay { font-family: "Dosis", sans-serif; font-weight: 400; font-style: italic; font-size: 1.5em; margin: 0px 10px 30px 0px; padding: 0; color: #008db3; }

#title-pencil { color: #00c9ff; }

.archive-header { font-weight: 800; text-align: center; }

.post-display-div { background-color: rgba(0, 201, 255, 0.2); max-width: 600px; border-left-style: solid; border-left-width: 15px; border-left-color: #00c9ff; padding: 0px; margin: 40px 20px 40px 20px; overflow: auto; border-top-right-radius: 25px; border-bottom-right-radius: 25px; }

.post-display-div li { list-style-type: none; margin: 0; margin-left: 20px; padding: 0; }

.post-display-div li h2, .post-display-div li p { color: #005066; }

.post-display-div li a { color: #005066; }

.post-display-div li a:hover { color: #005066; text-decoration: underline; text-decoration-color: #005066; }

.post-display-div li a:active { color: #005066; }

.post-display-div li a:visited { color: #002833; }

.post-display-div li h2 { font-family: "Dosis", sans-serif; margin: 20px 10px 0px 10px; padding: 0; padding-bottom: 10px; }

.post-display-div li h2 a { font-weight: 600; font-size: .9em; padding-bottom: 5px; }

.post-display-div li h3 { font-family: "Dosis", sans-serif; font-weight: 300; font-size: .9em; color: #005066; margin: 0px 10px 30px 10px; padding: 0; padding-bottom: 5px; }

.post-display-div li p { margin: 10px 30px 30px 10px; line-height: 1.3; font-size: 1em; padding: 0; }

.essay-display-div { background-color: rgba(0, 201, 255, 0.2); max-width: 600px; border-left-style: solid; border-left-width: 15px; border-left-color: #00c9ff; padding: 0px; margin: 40px 20px 40px 20px; overflow: auto; border-top-right-radius: 25px; border-bottom-right-radius: 25px; }

.essay-display-div li { list-style-type: none; margin: 0; margin-left: 20px; padding: 0; }

.essay-display-div li h2, .essay-display-div li p { color: #005066; }

.essay-display-div li a { color: #005066; }

.essay-display-div li a:hover { color: #005066; text-decoration: underline; text-decoration-color: #005066; }

.essay-display-div li a:active { color: #005066; }

.essay-display-div li a:visited { color: #002833; }

.essay-display-div li h2 { font-family: "Dosis", sans-serif; margin: 20px 10px 0px 10px; padding: 0; padding-bottom: 10px; }

.essay-display-div li h2 a { font-weight: 600; font-size: .9em; padding-bottom: 5px; }

.essay-display-div li h3 { font-family: "Dosis", sans-serif; font-weight: 300; font-size: .9em; color: #005066; margin: 0px 10px 30px 10px; padding: 0; padding-bottom: 5px; }

.essay-display-div li p { margin: 10px 30px 30px 10px; line-height: 1.3; font-size: 1em; padding: 0; }

.author-display-div { background-color: rgba(0, 201, 255, 0.2); max-width: 600px; border-left-style: solid; border-left-width: 15px; border-left-color: #00c9ff; padding: 0px; margin: 40px 20px 40px 20px; overflow: auto; border-top-right-radius: 25px; border-bottom-right-radius: 25px; }

.author-display-div li { list-style-type: none; margin: 0; margin-left: 20px; padding: 0; }

.author-display-div li h2, .author-display-div li p { color: #005066; }

.author-display-div li a { color: #005066; }

.author-display-div li a:hover { color: #005066; text-decoration: underline; text-decoration-color: #005066; }

.author-display-div li a:active { color: #005066; }

.author-display-div li a:visited { color: #002833; }

.author-display-div li h2 { font-family: "Dosis", sans-serif; margin: 20px 10px 0px 10px; padding: 0; padding-bottom: 10px; }

.author-display-div li h2 a { font-weight: 600; font-size: .9em; padding-bottom: 5px; }

.author-display-div li h3 { font-family: "Dosis", sans-serif; font-weight: 300; font-size: .9em; color: #005066; margin: 0px 10px 30px 10px; padding: 0; padding-bottom: 5px; }

.author-display-div li p { margin: 10px 30px 30px 10px; line-height: 1.3; font-size: 1em; padding: 0; }

#author-posts-header { font-family: "Dosis", sans-serif; font-size: 2.5em; color: #005066; text-align: center; font-weight: 600; }

@media (max-width: 1260px) { .container { max-width: 90%; padding: 20px; } .snippet-left { margin: 20px 30px 20px 30px; } .snippet-right { margin: 20px 30px 20px 30px; } .header { max-width: 100%; display: block; } .header h3 { font-size: 1.5em; } .header #logo-name { font-size: 2em; } }

@media (max-width: 600px) { .post-li { max-width: none; } .container { max-width: 90%; padding: 10px; } .snippet-left { margin: 20px 30px 20px 30px; } .snippet-right { margin: 20px 30px 20px 30px; } .header { max-width: 100%; min-height: 15%; display: block; margin-left: auto; margin-right: auto; text-align: center; } .header h3 { font-size: 1.5em; clear: both; margin-left: auto; margin-right: auto; float: none; display: block; } .header #logo-name { font-size: 2em; clear: both; margin-left: auto; margin-right: auto; float: none; display: block; } }

/*# sourceMappingURL=main.css.map */