@font-face { font-family: 'Lobster'; font-style: normal; font-weight: 400; src: local('Lobster Regular'), local('Lobster-Regular'), url(../fonts/Lobster.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: swap; src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/Lato.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}* { margin: 0; box-sizing: border-box;}body { background: #fff; color: #000; font-family: 'Lato', sans-serif; text-align: center;}.wrapper { max-width: 900px; margin-left: auto; margin-right: auto; padding: 40px; text-align: left;}.content a:hover { opacity: 0.5;}.content h2 { margin-top: 20px;}header { background-color: #3a4145;}header ul { padding: 0px;}header .wrapper { padding-top: 30px; padding-bottom: 30px; text-align: center;}header a { text-decoration: none; font-family: 'Lato', sans-serif;}header .site-name { font-size: 3.5em; color: #fff; font-weight: bold; font-family: 'Lobster', cursive;}header .site-description { font-size: 0.9em; color: rgba(221, 221, 221, 0.8); font-weight: bold; margin-top: 30px;}nav { margin-bottom: 20px;}nav li { display: inline-block; text-transform: uppercase; margin: 0 20px; font-size: 0.9em; color: #fff; font-family: 'Lato', sans-serif;}nav li a { opacity: 0.7;}nav li a:hover { opacity: 1.0;}nav li a.selected { opacity: 1.0;}h1 { margin-bottom: 10px; font-size: 2em;}h2 { margin: 20px 0;}p { margin-bottom: 10px; line-height: 1.5em; font-weight: 300;}a { color: inherit;}.description { margin-bottom: 40px;}.item-list { padding: 0px;}.item-list h1 a { color: #000; text-decoration: none;}.item-list h1 a:hover { text-decoration: none; opacity: 0.5;}.item-list > li { display: block; padding: 10px; border-radius: 10px; background-color: #eee; margin-bottom: 20px; margin-left: 0px;}.item-list > li:last-child { margin-bottom: 0;}.item-list h1 { margin-bottom: 5px; font-size: 1.3em;}.featured-list p { margin-bottom: 10px; font-weight: 300; font-size: 0.9em;}.featured-list img { display: block; float: right; border-radius: 10px; max-height: 100px; margin-left: 5px;}.featured-list { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; padding: 0;}@media(max-width: 720px) {.featured-list { display: block;}}.featured-list > li { display: block; padding: 10px; border-radius: 10px; background-color: #eee; margin-bottom: 20px; margin-left: 0px; overflow: hidden;}.featured-list h1 { color: #8a8a8a; margin-bottom: 0; font-size: 0.8em;}.featured-list a { text-decoration: none;}.featured-list h1 a { color: #8a8a8a; text-decoration: none;}.featured-list h1 a:hover { text-decoration: none; opacity: 0.5;}p.info { border-left: 4px solid #8a8a8a; padding-left: 10px; margin-top: 30px; margin-bottom: 30px;}.item-list p { margin-bottom: 0;}.tag-list { margin-top: 15px; padding: 0}.tag-list li,.tag { display: inline-block; background-color: #000; color: #ddd; padding: 4px 6px; border-radius: 5px; margin-right: 5px;}.tag-list a,.tag a { text-decoration: none;}.post-content img { max-width: 75%; margin-left: auto; margin-right: auto; display: block; margin-bottom: 20px; margin-top: 20px;}.post-content figcaption { text-align: center; font-size: 0.8em; opacity: 0.6; margin-bottom: 20px;}.post-content pre { margin-top: 20px; margin-bottom: 20px; background-color: #2b2b2b; padding: 15px; border-radius: 15px;}.post-content { font-size: 1.1em;}.item-page .tag-list { display: inline-block;}.content { margin-bottom: 40px;}.content li { margin-top: 5px; margin-bottom: 5px; font-weight: 300; line-height: 1.5em;}.content hr { max-width: 30%; margin: auto; margin-top: 20px; margin-bottom: 20px;}.page-content img { display: block; height: auto; float: right; margin: 0 20px 0 20px; border-radius: 10px; width: 230px; max-width: 30%;}@media(max-width: 720px) { .page-content img { float: none; display: block; height: auto; margin: auto; margin-bottom: 10px; margin-top: 10px; border-radius: 10px; max-width: 90%; width: auto; }}.page-content h3 { margin-top: 30px; margin-bottom: 5px;}.page-content h4 { font-weight: 200; font-size: 0.9em; margin-bottom: 5pt; opacity: 0.7;}.page-content h3 a { color: #000; text-decoration: none;}.page-content h3 a:hover { text-decoration: none; opacity: 0.7;}.browse-all { display: block; margin-bottom: 30px;}.all-tags li { font-size: 1.4em; margin-right: 10px; padding: 6px 10px;}footer { color: #8a8a8a; font-size: 0.8em;}@media(max-width: 720px) { .wrapper { padding: 40px 20px; }}.hljs { display: block; overflow-x: auto; padding: 0.5em; background: #2b2b2b; color: #bababa;}.hljs-strong,.hljs-emphasis { color: #a8a8a2;}.hljs-bullet,.hljs-quote,.hljs-link,.hljs-number,.hljs-regexp,.hljs-literal { color: #6896ba;}.hljs-code,.hljs-selector-class { color: #a6e22e;}.hljs-emphasis { font-style: italic;}.hljs-keyword,.hljs-selector-tag,.hljs-section,.hljs-attribute,.hljs-name,.hljs-variable { color: #cb7832;}.hljs-params { color: #b9b9b9;}.hljs-string { color: #6a8759;}.hljs-subst,.hljs-type,.hljs-built_in,.hljs-builtin-name,.hljs-symbol,.hljs-selector-id,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-template-tag,.hljs-template-variable,.hljs-addition { color: #e0c46c;}.hljs-comment,.hljs-deletion,.hljs-meta { color: #7f7f7f;}