@import url("https://fonts.googleapis.com/css?family=Space+Mono&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Work+Sans&display=swap");
/** Reset some basic elements */
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; }

html, body { scrollbar-width: none; /* firefox */ -ms-overflow-style: none; /* IE 10+ */ }

\::-webkit-scrollbar { display: none; /* Safari and Chrome */ }

/** Basic styling */
body { font-family: "Space Mono", monospace; font-size: 16px; line-height: 1.5; font-weight: 300; color: black; background-color: #ffffff; -webkit-text-size-adjust: 100%; min-height: 100vh; display: flex; flex-direction: column; }

/** Images */
img { max-width: 25%; vertical-align: middle; }

/** Lists */
ul, ol { margin-left: 30px; }

li > ul, li > ol { margin-bottom: 0; }

.download { margin-right: 30px; font-size: 0.8em; }

/** Headings */
h1, h2, h3, h4, h5, h6 { font-weight: 300; }

/** Links */
a { color: black; text-decoration: none; background-color: #FAEE52; padding: 5px; word-wrap: break-word; }

a:hover { color: #fafafa; }

/** Wrapper */
.wrapper { padding-right: 30px; padding-left: 30px; border: solid .5rem; margin-bottom: 5rem; margin-top: 5rem; padding-bottom: 3rem; min-height: 800px; }

@media screen and (max-width: 600px) { .wrapper { margin-bottom: 3rem; margin-top: 1rem; padding-right: 15px; padding-left: 15px; } }

.wrapper > a { background-color: white; }

.wrapper-home { padding-right: 30px; padding-left: 30px; padding-top: 3rem; padding-bottom: 3rem; border: solid .5rem; margin-bottom: 5rem; margin-top: 5rem; min-height: 600px; }

@media screen and (max-width: 600px) { .wrapper-home { margin-bottom: 3rem; margin-top: 1rem; padding-right: 15px; padding-left: 15px; min-height: 200px; } }

.wrapper-home > a { background-color: white; }

.wrapper-header { padding-right: 30px; padding-left: 30px; border: solid .5rem; }

@media screen and (max-width: 900px) { .wrapper-header { margin-bottom: 10rem; } }

@media screen and (max-width: 600px) { .wrapper-header { margin-bottom: 3rem; padding-right: 15px; padding-left: 15px; } }

.wrapper-header > a { background-color: white; }

@media screen and (max-width: 600px) { .division { transform: skewY(-15deg); } }

/** Clearfix */
.wrapper:after, .wrapper-home:after, .wrapper-header:after { content: ""; display: table; clear: both; }

/** Icons */
.home-logo { margin-top: 5px; width: 80%; height: auto; }

@media screen and (max-width: 600px) { .home-logo { width: 40%; padding-top: 0.5rem; } }

.icon-footer { margin-top: 0px; }

.icon-footer > svg { width: 38px; height: 38px; }

.icon-footer-pixel > svg { width: 38px; height: 38px; }

.icon-footer > svg path, .icon-footer > svg rect, .icon-footer-pixel > svg path, .icon-footer-pixel > svg rect, .icon-inside-big > svg path, .icon-inside-big > svg rect { fill: black; webkit-transition: fill 1s ease-out; /* For Safari 3.1 to 6.0 */ transition: fill 1s ease-out; }

.icon-footer > svg .st0, .icon-footer-pixel > svg .st0, .icon-inside-big > svg .st0 { fill: black; webkit-transition: fill 1s ease-out; /* For Safari 3.1 to 6.0 */ transition: fill 1s ease-out; }

.icon-footer > svg:hover path, .icon-footer-pixel > svg:hover path, .icon-inside-big > svg:hover path { fill: #fafafa; }

.icon-footer > svg:hover .st0, .icon-footer-pixel > svg:hover .st0, .icon-inside-big > svg:hover .st0 { fill: #fafafa; }

.icon-footer > svg:hover rect, .icon-footer-pixel > svg:hover rect, .icon-inside-big > svg:hover rect { fill: #fafafa; }

.nes-icon { position: relative; display: inline-block; width: 16px; height: 16px; margin-right: 16px; margin-bottom: 16px; transform: scale(2); transform-origin: top left; margin-bottom: 16px; transform: scale(1.5); }

.nes-icon::before { position: absolute; top: -1px; left: -1px; display: block; content: ""; background: transparent; }

.nes-icon.github::before { width: 1px; height: 1px; color: #000; box-shadow: 2px 1px,3px 1px,4px 1px,5px 1px,6px 1px,7px 1px,8px 1px,9px 1px,10px 1px,11px 1px,12px 1px,13px 1px,14px 1px,15px 1px,1px 2px,2px 2px,3px 2px,4px 2px,5px 2px #F97625,6px 2px,7px 2px,8px 2px,9px 2px,10px 2px,11px 2px,12px 2px,13px 2px,14px 2px #F97625,15px 2px,16px 2px,1px 3px,2px 3px,3px 3px,4px 3px,5px 3px #F97625,6px 3px #F97625,7px 3px,8px 3px,9px 3px,10px 3px,11px 3px,12px 3px,13px 3px #F97625,14px 3px #F97625,15px 3px,16px 3px,1px 4px,2px 4px,3px 4px,4px 4px,5px 4px #F97625,6px 4px #F97625,7px 4px #F97625,8px 4px #F97625,9px 4px #F97625,10px 4px #F97625,11px 4px #F97625,12px 4px #F97625,13px 4px #F97625,14px 4px #F97625,15px 4px,16px 4px,1px 5px,2px 5px,3px 5px,4px 5px #F97625,5px 5px #F97625,6px 5px #F97625,7px 5px #F97625,8px 5px #F97625,9px 5px #F97625,10px 5px #F97625,11px 5px #F97625,12px 5px #F97625,13px 5px #F97625,14px 5px #F97625,15px 5px #F97625,16px 5px,1px 6px,2px 6px,3px 6px,4px 6px #F97625,5px 6px #F97625,6px 6px #F97625,7px 6px #F97625,8px 6px #F97625,9px 6px #F97625,10px 6px #F97625,11px 6px #F97625,12px 6px #F97625,13px 6px #F97625,14px 6px #F97625,15px 6px #F97625,16px 6px,1px 7px,2px 7px,3px 7px,4px 7px #F97625,5px 7px #F97625,6px 7px #F97625,7px 7px #F97625,8px 7px #F97625,9px 7px #F97625,10px 7px #F97625,11px 7px #F97625,12px 7px #F97625,13px 7px #F97625,14px 7px #F97625,15px 7px #F97625,16px 7px,1px 8px,2px 8px,3px 8px,4px 8px #F97625,5px 8px #F97625,6px 8px #F97625,7px 8px #F97625,8px 8px #F97625,9px 8px #F97625,10px 8px #F97625,11px 8px #F97625,12px 8px #F97625,13px 8px #F97625,14px 8px #F97625,15px 8px #F97625,16px 8px,1px 9px,2px 9px,3px 9px,4px 9px,5px 9px #F97625,6px 9px #F97625,7px 9px #F97625,8px 9px #F97625,9px 9px #F97625,10px 9px #F97625,11px 9px #F97625,12px 9px #F97625,13px 9px #F97625,14px 9px #F97625,15px 9px,16px 9px,1px 10px,2px 10px,3px 10px,4px 10px,5px 10px,6px 10px #F97625,7px 10px #F97625,8px 10px #F97625,9px 10px #F97625,10px 10px #F97625,11px 10px #F97625,12px 10px #F97625,13px 10px #F97625,14px 10px,15px 10px,16px 10px,1px 11px,2px 11px #F97625,3px 11px #F97625,4px 11px,5px 11px,6px 11px,7px 11px,8px 11px #F97625,9px 11px #F97625,10px 11px #F97625,11px 11px #F97625,12px 11px,13px 11px,14px 11px,15px 11px,16px 11px,1px 12px,2px 12px,3px 12px,4px 12px #F97625,5px 12px,6px 12px,7px 12px #F97625,8px 12px #F97625,9px 12px #F97625,10px 12px #F97625,11px 12px #F97625,12px 12px #F97625,13px 12px,14px 12px,15px 12px,16px 12px,1px 13px,2px 13px,3px 13px,4px 13px,5px 13px #F97625,6px 13px #F97625,7px 13px #F97625,8px 13px #F97625,9px 13px #F97625,10px 13px #F97625,11px 13px #F97625,12px 13px #F97625,13px 13px,14px 13px,15px 13px,16px 13px,1px 14px,2px 14px,3px 14px,4px 14px,5px 14px,6px 14px,7px 14px #F97625,8px 14px #F97625,9px 14px #F97625,10px 14px #F97625,11px 14px #F97625,12px 14px #F97625,13px 14px,14px 14px,15px 14px,16px 14px,1px 15px,2px 15px,3px 15px,4px 15px,5px 15px,6px 15px,7px 15px #F97625,8px 15px #F97625,9px 15px #F97625,10px 15px #F97625,11px 15px #F97625,12px 15px #F97625,13px 15px,14px 15px,15px 15px,16px 15px,2px 16px,3px 16px,4px 16px,5px 16px,6px 16px,7px 16px,8px 16px,9px 16px,10px 16px,11px 16px,12px 16px,13px 16px,14px 16px,15px 16px; }

@supports (-moz-appearance: meterbar) { .nes-icon.github::before { box-shadow: 2px 1px 0 0.020em,3px 1px 0 0.020em,4px 1px 0 0.020em,5px 1px 0 0.020em,6px 1px 0 0.020em,7px 1px 0 0.020em,8px 1px 0 0.020em,9px 1px 0 0.020em,10px 1px 0 0.020em,11px 1px 0 0.020em,12px 1px 0 0.020em,13px 1px 0 0.020em,14px 1px 0 0.020em,15px 1px 0 0.020em,1px 2px 0 0.020em,2px 2px 0 0.020em,3px 2px 0 0.020em,4px 2px 0 0.020em,5px 2px 0 0.020em #F97625,6px 2px 0 0.020em,7px 2px 0 0.020em,8px 2px 0 0.020em,9px 2px 0 0.020em,10px 2px 0 0.020em,11px 2px 0 0.020em,12px 2px 0 0.020em,13px 2px 0 0.020em,14px 2px 0 0.020em #F97625,15px 2px 0 0.020em,16px 2px 0 0.020em,1px 3px 0 0.020em,2px 3px 0 0.020em,3px 3px 0 0.020em,4px 3px 0 0.020em,5px 3px 0 0.020em #F97625,6px 3px 0 0.020em #F97625,7px 3px 0 0.020em,8px 3px 0 0.020em,9px 3px 0 0.020em,10px 3px 0 0.020em,11px 3px 0 0.020em,12px 3px 0 0.020em,13px 3px 0 0.020em #F97625,14px 3px 0 0.020em #F97625,15px 3px 0 0.020em,16px 3px 0 0.020em,1px 4px 0 0.020em,2px 4px 0 0.020em,3px 4px 0 0.020em,4px 4px 0 0.020em,5px 4px 0 0.020em #F97625,6px 4px 0 0.020em #F97625,7px 4px 0 0.020em #F97625,8px 4px 0 0.020em #F97625,9px 4px 0 0.020em #F97625,10px 4px 0 0.020em #F97625,11px 4px 0 0.020em #F97625,12px 4px 0 0.020em #F97625,13px 4px 0 0.020em #F97625,14px 4px 0 0.020em #F97625,15px 4px 0 0.020em,16px 4px 0 0.020em,1px 5px 0 0.020em,2px 5px 0 0.020em,3px 5px 0 0.020em,4px 5px 0 0.020em #F97625,5px 5px 0 0.020em #F97625,6px 5px 0 0.020em #F97625,7px 5px 0 0.020em #F97625,8px 5px 0 0.020em #F97625,9px 5px 0 0.020em #F97625,10px 5px 0 0.020em #F97625,11px 5px 0 0.020em #F97625,12px 5px 0 0.020em #F97625,13px 5px 0 0.020em #F97625,14px 5px 0 0.020em #F97625,15px 5px 0 0.020em #F97625,16px 5px 0 0.020em,1px 6px 0 0.020em,2px 6px 0 0.020em,3px 6px 0 0.020em,4px 6px 0 0.020em #F97625,5px 6px 0 0.020em #F97625,6px 6px 0 0.020em #F97625,7px 6px 0 0.020em #F97625,8px 6px 0 0.020em #F97625,9px 6px 0 0.020em #F97625,10px 6px 0 0.020em #F97625,11px 6px 0 0.020em #F97625,12px 6px 0 0.020em #F97625,13px 6px 0 0.020em #F97625,14px 6px 0 0.020em #F97625,15px 6px 0 0.020em #F97625,16px 6px 0 0.020em,1px 7px 0 0.020em,2px 7px 0 0.020em,3px 7px 0 0.020em,4px 7px 0 0.020em #F97625,5px 7px 0 0.020em #F97625,6px 7px 0 0.020em #F97625,7px 7px 0 0.020em #F97625,8px 7px 0 0.020em #F97625,9px 7px 0 0.020em #F97625,10px 7px 0 0.020em #F97625,11px 7px 0 0.020em #F97625,12px 7px 0 0.020em #F97625,13px 7px 0 0.020em #F97625,14px 7px 0 0.020em #F97625,15px 7px 0 0.020em #F97625,16px 7px 0 0.020em,1px 8px 0 0.020em,2px 8px 0 0.020em,3px 8px 0 0.020em,4px 8px 0 0.020em #F97625,5px 8px 0 0.020em #F97625,6px 8px 0 0.020em #F97625,7px 8px 0 0.020em #F97625,8px 8px 0 0.020em #F97625,9px 8px 0 0.020em #F97625,10px 8px 0 0.020em #F97625,11px 8px 0 0.020em #F97625,12px 8px 0 0.020em #F97625,13px 8px 0 0.020em #F97625,14px 8px 0 0.020em #F97625,15px 8px 0 0.020em #F97625,16px 8px 0 0.020em,1px 9px 0 0.020em,2px 9px 0 0.020em,3px 9px 0 0.020em,4px 9px 0 0.020em,5px 9px 0 0.020em #F97625,6px 9px 0 0.020em #F97625,7px 9px 0 0.020em #F97625,8px 9px 0 0.020em #F97625,9px 9px 0 0.020em #F97625,10px 9px 0 0.020em #F97625,11px 9px 0 0.020em #F97625,12px 9px 0 0.020em #F97625,13px 9px 0 0.020em #F97625,14px 9px 0 0.020em #F97625,15px 9px 0 0.020em,16px 9px 0 0.020em,1px 10px 0 0.020em,2px 10px 0 0.020em,3px 10px 0 0.020em,4px 10px 0 0.020em,5px 10px 0 0.020em,6px 10px 0 0.020em #F97625,7px 10px 0 0.020em #F97625,8px 10px 0 0.020em #F97625,9px 10px 0 0.020em #F97625,10px 10px 0 0.020em #F97625,11px 10px 0 0.020em #F97625,12px 10px 0 0.020em #F97625,13px 10px 0 0.020em #F97625,14px 10px 0 0.020em,15px 10px 0 0.020em,16px 10px 0 0.020em,1px 11px 0 0.020em,2px 11px 0 0.020em #F97625,3px 11px 0 0.020em #F97625,4px 11px 0 0.020em,5px 11px 0 0.020em,6px 11px 0 0.020em,7px 11px 0 0.020em,8px 11px 0 0.020em #F97625,9px 11px 0 0.020em #F97625,10px 11px 0 0.020em #F97625,11px 11px 0 0.020em #F97625,12px 11px 0 0.020em,13px 11px 0 0.020em,14px 11px 0 0.020em,15px 11px 0 0.020em,16px 11px 0 0.020em,1px 12px 0 0.020em,2px 12px 0 0.020em,3px 12px 0 0.020em,4px 12px 0 0.020em #F97625,5px 12px 0 0.020em,6px 12px 0 0.020em,7px 12px 0 0.020em #F97625,8px 12px 0 0.020em #F97625,9px 12px 0 0.020em #F97625,10px 12px 0 0.020em #F97625,11px 12px 0 0.020em #F97625,12px 12px 0 0.020em #F97625,13px 12px 0 0.020em,14px 12px 0 0.020em,15px 12px 0 0.020em,16px 12px 0 0.020em,1px 13px 0 0.020em,2px 13px 0 0.020em,3px 13px 0 0.020em,4px 13px 0 0.020em,5px 13px 0 0.020em #F97625,6px 13px 0 0.020em #F97625,7px 13px 0 0.020em #F97625,8px 13px 0 0.020em #F97625,9px 13px 0 0.020em #F97625,10px 13px 0 0.020em #F97625,11px 13px 0 0.020em #F97625,12px 13px 0 0.020em #F97625,13px 13px 0 0.020em,14px 13px 0 0.020em,15px 13px 0 0.020em,16px 13px 0 0.020em,1px 14px 0 0.020em,2px 14px 0 0.020em,3px 14px 0 0.020em,4px 14px 0 0.020em,5px 14px 0 0.020em,6px 14px 0 0.020em,7px 14px 0 0.020em #F97625,8px 14px 0 0.020em #F97625,9px 14px 0 0.020em #F97625,10px 14px 0 0.020em #F97625,11px 14px 0 0.020em #F97625,12px 14px 0 0.020em #F97625,13px 14px 0 0.020em,14px 14px 0 0.020em,15px 14px 0 0.020em,16px 14px 0 0.020em,1px 15px 0 0.020em,2px 15px 0 0.020em,3px 15px 0 0.020em,4px 15px 0 0.020em,5px 15px 0 0.020em,6px 15px 0 0.020em,7px 15px 0 0.020em #F97625,8px 15px 0 0.020em #F97625,9px 15px 0 0.020em #F97625,10px 15px 0 0.020em #F97625,11px 15px 0 0.020em #F97625,12px 15px 0 0.020em #F97625,13px 15px 0 0.020em,14px 15px 0 0.020em,15px 15px 0 0.020em,16px 15px 0 0.020em,2px 16px 0 0.020em,3px 16px 0 0.020em,4px 16px 0 0.020em,5px 16px 0 0.020em,6px 16px 0 0.020em,7px 16px 0 0.020em,8px 16px 0 0.020em,9px 16px 0 0.020em,10px 16px 0 0.020em,11px 16px 0 0.020em,12px 16px 0 0.020em,13px 16px 0 0.020em,14px 16px 0 0.020em,15px 16px 0 0.020em; } }

.copyright { font-size: 11px; text-align: left; }

.copyright > .top-copyright { padding-top: 2rem; }

@media screen and (max-width: 600px) { .copyright { font-size: 8px; margin-bottom: 1rem; } .copyright > .top-copyright { padding-top: 0rem; } }

.none { padding: 0; }

.none:hover { color: #FAEE52; }

table, th, td { border: 5px solid black; border-collapse: collapse; padding: 1rem; text-align: center; }

th { font-weight: 900; }

/** Site header */
.site-header { width: 100%; }

.site-title { font-size: 26px; line-height: 56px; letter-spacing: -1px; margin-bottom: 0; float: left; }

.site-title, .site-title:visited { color: black; }

@media screen and (max-width: 900px) { .site-title { width: 30%; } }

.menu { clear: both; float: right; margin-top: -50px; font-size: 20px; border-bottom: solid 5px #ffffff; }

@media screen and (max-width: 900px) { .menu { margin-left: 90px; width: 60%; } }

.menu-link { background-color: white; border-top: 55px solid #FAEE52; }

.menu-link, .menu-link:hover { color: black; }

@media screen and (max-width: 600px) { .menu-link { border-top: 0px; border-right: 5px solid #FAEE52; font-size: 16px; text-align: right; padding: 3px; } }

@media screen and (max-width: 900px) { .menu-link { border-top: 0px; border-right: 5px solid #FAEE52; font-size: 16px; text-align: right; padding: 3px; } }

/** Site footer */
.site-footer { background-color: #FAEE52; border: solid .5rem; padding-right: 30px; padding-left: 30px; }

@media screen and (max-width: 900px) { .site-footer { padding-right: 15px; padding-left: 15px; } }

/** Home Site footer */
.home-site-footer { background-color: #FAEE52; border: solid .5rem; padding-right: 30px; padding-left: 30px; left: 0; bottom: 0; margin-top: auto; }

@media screen and (max-width: 900px) { .home-site-footer { padding-right: 15px; padding-left: 15px; } }

.contact-list, .social-media-list { list-style: none; margin-left: 0; }

.footer-link { text-decoration: none; background-color: #FAEE52; padding: 0px; }

.footer-col-wrapper { display: flex; flex-direction: row; margin-left: -10px; }

@media screen and (max-width: 600px) { .footer-col-wrapper { flex-direction: column; } }

.footer-col { float: left; padding-left: 10px; }

.footer-col-1 { width: -webkit-calc(60% - (30px / 2)); width: calc(60% - (30px / 2)); }

@media screen and (max-width: 600px) { .footer-col > h1 { font-size: 20px; } .footer-col > p { font-size: 15px; } }

/** Page layout */
.page-header { font-family: "Space Mono", monospace; margin-left: 30px; margin-right: 30px; margin-top: 170px; }

.page-title { font-size: 52px; font-weight: bold; line-height: 1; }

@media screen and (max-width: 900px) { .page-title { font-size: 36px; } }

.page-content { margin-left: 30px; margin-right: 30px; padding-top: 5px; font-family: "Work Sans", sans-serif; font-size: 22px; }

.container { margin-bottom: 100px; }

.container > .about-text { margin-bottom: 50px; }

.container > .about-text > p { margin-bottom: 25px; }

.container > div { margin-bottom: 50px; }

.container > .interests > p { margin-bottom: 25px; }

@media screen and (max-width: 600px) { .container { margin-bottom: 0px; } }

.about-subtitle { margin-bottom: 10px; }

.sub-subtitle { font-size: 25px; margin-bottom: 10px; }

.excerpt { font-size: 18px; }

.centered-list { margin-left: 150px; }

@media screen and (max-width: 600px) { .centered-list { margin-left: 50px; } }

.post-list { margin-left: 150px; list-style-type: upper-roman; }

@media screen and (max-width: 600px) { .post-list { margin-left: 50px; } }

.flex-item-3 { width: 50%; }

.flex-item-3 > .inside-image { width: 100%; }

.flex-item-3 a { color: #fafafa; }

.flex-item-4 { width: 50%; padding: 15px; }

.flex-item-4 > .inside-image { width: 100%; }

.flex-item-4 > .inside-png-image { margin-top: 7px; width: 100%; }

.flex-item-4 a { color: #fafafa; }

.big-font { font-size: 40px; margin-bottom: 100px; text-align: right; }

.big-font > p { margin-bottom: 50px; }

@media screen and (max-width: 600px) { .big-font { font-size: 25px; } }

.index-link { color: black; text-decoration: none; background-color: #FAEE52; padding: 0px; }

.index-link:hover { color: black; }

@media screen and (max-width: 600px) { .index-link > .media-text { margin: -30px; } }

/** About page */
.photo-container { border-top: 55px solid #FAEE52; transform: skew(0, -6deg); }

.photo { margin-top: -50px; width: 66.6666666667%; margin-left: 25%; }

.important { background-color: #FAEE52; padding: 5px; }

/** Contact page */
.contact-container { margin-top: 70px; border-top: 55px solid #FAEE52; transform: skew(0, 3deg); }

.contact-box { margin-top: -40px; }

.contact-box > p { margin-bottom: 25px; }

.flex-container { padding: 20px; margin-top: 0px; margin-bottom: 0px; margin-left: 50px; margin-right: 50px; list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row; justify-content: space-around; height: auto; line-height: 30px; }

@media screen and (max-width: 600px) { .flex-container { padding: 20px; padding-bottom: 5px; display: inline-block; margin-left: 50px; margin-right: 50px; } }

.flex-item { padding: 10px; padding-top: 0px; margin: 10px; margin-top: 0px; border: 5px solid #FAEE52; color: black; font-weight: bold; font-size: 1.5em; text-align: center; flex: 1 0 0px; height: 70px; width: 120px; }

@media screen and (max-width: 600px) { .flex-item { padding: 0px; margin: 10px; margin-top: 0px; font-size: 1em; height: 30px; width: 120px; } }

.contact-calendar { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; }

.contact-calendar iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media all and (min-width: 768px) { .desk-calendar { display: block; } .phone-calendar { display: none; } }

@media all and (max-width: 767px) { .desk-calendar { display: none; } .phone-calendar { display: block; } }

.contact-code { font-family: monospace; }

@media all and (min-width: 768px) { .desk-code { display: block; } .phone-code { display: none; } }

@media all and (max-width: 767px) { .desk-code { display: none; } .phone-code { display: block; } }

/** CV page */
.cv { margin-top: -20px; margin-left: 300px; width: 60%; border-left: 40px solid #FAEE52; }

@media screen and (max-width: 600px) { .cv { margin-left: 10px; border-left: 10px solid #FAEE52; width: 100%; } }

/** Posts */
.post-content { margin-top: 4%; margin-left: 150px; margin-right: 150px; margin-bottom: 60px; font-family: "Work Sans", sans-serif; font-size: 22px; }

.post-content > p { margin-bottom: 25px; }

@media screen and (max-width: 600px) { .post-content { margin-left: 30px; margin-right: 30px; } }

.post-content img { display: block; margin-right: auto; margin-left: auto; margin-top: 70px; margin-bottom: 50px; }

.disclaimer { font-size: 16px; }

.post-box { display: flex; }

@media screen and (max-width: 600px) { table, thead, tbody, th, td, tr { display: block; } }

@media screen and (max-width: 600px) { thead tr { position: absolute; top: -9999px; left: -9999px; } }

@media screen and (max-width: 600px) { tr { border: 10px solid #FAEE52; } }

@media screen and (max-width: 600px) { td { border: none; border-bottom: 4px solid; position: relative; } }

#polynomials { text-align: center; }

@media screen and (max-width: 600px) { #polynomials { font-size: 1.1rem; } }

#flags { font-size: 18px; }

/** Homepage */
#main { margin-bottom: 2rem; margin-top: 2rem; background-color: #FAEE52; }

@media screen and (max-width: 600px) { #main { min-height: calc(60vh - 5px); } }

.home-content { display: flex; flex-direction: column; flex-grow: 1; }

.home-container { display: -webkit-flex; display: flex; padding: 5rem; justify-content: center; }

@media screen and (max-width: 600px) { .home-container { display: block; padding: 0; } }

.main-title { margin-left: 15rem; font-size: 10rem; font-weight: bold; }

@media screen and (max-width: 900px) { .main-title { margin-left: 2.5rem; margin-right: 2.5rem; font-size: 7rem; } }

.intro { width: auto; padding-bottom: 25px; margin-top: 3.3rem; margin-left: 3rem; }

.intro > .inside-image { width: 100%; }

@media screen and (max-width: 600px) { .intro { padding-bottom: 20px; margin-top: 2rem; margin-left: 10rem; } .intro > .inside-image { width: 100%; } }

@media screen and (max-width: 600px) { .full-display { display: none; } }

.mobile-display { display: none; }

@media screen and (max-width: 600px) { .mobile-display { display: block; } }

.explanation { font-size: 28px; text-align: left; margin-left: 12rem; display: flex; flex-direction: column; justify-content: center; padding-bottom: 2rem; }

@media screen and (max-width: 900px) { .explanation { font-size: 18px; margin-bottom: 3rem; margin-left: 2.5rem; margin-right: 2.5rem; } }

.explanation > p { margin-bottom: 0.5rem; }

#home-link { background-color: transparent; padding: 0; }

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