/* Reset
================================ */
* { margin: 0; padding: 0; }

:root { --pink: rgba(255, 243, 241, 1); --mint: rgba(242, 255, 248, 1); --black: rgba(0, 0, 0, 1); --white: rgba(255, 255, 255, 1); }

@font-face { font-family: 'national2'; src: url("/assets/fonts/national-2-web-regular.eot"); src: url("/assets/fonts/national-2-web-regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/national-2-web-regular.woff2") format("woff2"), url("/assets/fonts/national-2-web-regular.woff") format("woff"); font-style: normal; font-weight: 400; }

@font-face { font-family: 'national2'; src: url("/assets/fonts/national-2-web-regular-italic.eot"); src: url("/assets/fonts/national-2-web-regular-italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/national-2-web-regular-italic.woff2") format("woff2"), url("/assets/fonts/national-2-web-regular-italic.woff") format("woff"); font-style: italic; font-weight: 400; }

@font-face { font-family: 'national2'; src: url("/assets/fonts/national-2-web-medium.eot"); src: url("/assets/fonts/national-2-web-medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/national-2-web-medium.woff2") format("woff2"), url("/assets/fonts/national-2-web-medium.woff") format("woff"); font-style: normal; font-weight: 500; }

@font-face { font-family: 'national2'; src: url("/assets/fonts/national-2-web-medium.eot"); src: url("/assets/fonts/national-2-web-medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/national-2-web-medium.woff2") format("woff2"), url("/assets/fonts/national-2-web-medium.woff") format("woff"); font-style: normal; font-weight: bold; }

@font-face { font-family: 'national2'; src: url("/assets/fonts/national-2-web-medium-italic.eot"); src: url("/assets/fonts/national-2-web-medium-italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/national-2-web-medium-italic.woff2") format("woff2"), url("/assets/fonts/national-2-web-medium-italic.woff") format("woff"); font-style: italic; font-weight: 500; }

html { font-family: 'national2', sans-serif; }

body { font-size: 20px; line-height: 1.5; color: rgba(0, 0, 0, 0.8); background-color: var(--pink); }

img, video, object { max-width: 100%; }

article, header, nav, section { display: block; }

/* Text
================================ */
h1, h2, h3, h4, h5, h6 { font-weight: 500; }

h1 { line-height: 1.125; font-size: 2em; margin-bottom: 20px; }

h2 { font-size: 1.5em; margin-bottom: 20px; }

h3 { font-size: 1em; margin-bottom: 20px; }

a { color: #383cff; font-weight: normal; text-decoration: none; }

a:hover { border-bottom: 2px solid #383cff; }

p { margin-bottom: 20px; }

.page-content { margin-bottom: 20px; }

.notes-index-heading { margin-bottom: 30px; }

.post-title { font-size: 1.5em; line-height: 1.25; margin-bottom: 16px; }

.post-meta { color: rgba(0, 0, 0, 0.4); margin-bottom: 20px; }

/* Layout
================================ */
.wrapper { margin: 30px auto 80px; max-width: 600px; overflow: hidden; }

.primary-header { float: right; width: 30%; }

/* Nav
================================ */
.site-title { font-size: 22px; color: #383cff; }

nav { display: flex; justify-content: space-between; margin-bottom: 80px; }

nav li { list-style: none; display: inline-flex; gap: 20px; margin-left: 10px; }

nav li a { border-bottom: 2px solid transparent; }

a.site-title:hover { border-bottom: none; }

.page-title { margin-bottom: 32px; }

/* Notes Index 
================================ */
.notes-index-item { border-bottom: 1px solid rgba(0, 0, 0, 0.25); }

.notes-index-item:first-of-type { border-top: 1px solid rgba(0, 0, 0, 0.25); }

.notes-index-item a { padding: 15px 0; display: block; color: rgba(0, 0, 0, 0.8); }

.notes-index-item a:hover { border-bottom: none; color: #383cff; }

.notes-index-item h2 { margin-bottom: 0; }

.notes-index-title { font-size: 20px; font-weight: 400; }

.notes-index-date { color: rgba(0, 0, 0, 0.4); font-size: 18px; margin-bottom: 2px; }

@media only screen and (max-width: 670px) { body { font-size: 18px; } .wrapper { margin: 20px 20px 60px; } .site-title { font-size: 20px; } nav li { gap: 10px; } nav li a { font-size: 20px; } }

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