/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}*{box-sizing:border-box}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v41/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2")}::-moz-selection{background:#1a1a1a;color:#fff}::selection{background:#1a1a1a;color:#fff}body{background-color:#f5f5f5;font-family:Josefin Slab,serif;font-size:20px;line-height:28px;z-index:0;position:relative;padding:80px 10% 30px;-webkit-transition:all .35s ease-in;transition:all .35s ease-in;background-image:url(https://www.transparenttextures.com/patterns/absurdity.png)}@media screen and (max-width:710px){body{padding-left:100px}}@media screen and (max-width:500px){body{padding:80px 10px 30px}}body:after,body:before{content:"";position:fixed;z-index:10;width:10%;box-sizing:border-box;-webkit-transition:all .35s ease-in;transition:all .35s ease-in;background-image:url(https://www.transparenttextures.com/patterns/absurdity.png)}body:before{top:0;left:0;height:52.5vh;-webkit-filter:drop-shadow(3px 0 7px #00222b);filter:drop-shadow(3px 0 7px #00222b);border-top-right-radius:100% 100%;border-bottom-right-radius:100% 100%;-webkit-transition:all .9s cubic-bezier(.71,-.15,.09,1.01);transition:all .9s cubic-bezier(.71,-.15,.09,1.01);min-width:100px}@media screen and (max-width:500px){body:before{width:0;min-width:0}}body:after{display:none;right:0;top:50vh;height:90vh;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-top-left-radius:150% 20%;border-bottom-left-radius:150% 20%;border-right:0}@media screen and (max-width:500px){body:after{width:5vw}}body.showMenu:before{z-index:10;width:calc(100% - 100px);border-top-right-radius:10% 50%;border-bottom-right-radius:10% 50%}@media screen and (max-width:500px){body.showMenu:before{width:calc(100% - 50px)}}body[data-theme="1"]{background-color:#fff;color:#1a1a1a}body[data-theme="1"]:after,body[data-theme="1"]:before{background-color:#1a1a1a}body[data-theme="1"]:before{box-shadow:0 50vh 0 0 #1a1a1a}body[data-theme="1"] a{color:#26b5d9;padding-right:26px;position:relative}body[data-theme="1"] a[href^="//"]:after,body[data-theme="1"] a[href^=http]:after{top:50%;right:2px;opacity:.25;line-height:1;direction:ltr;content:"link";font-size:20px;word-wrap:normal;position:absolute;font-style:normal;font-weight:400;white-space:nowrap;text-transform:none;display:inline-block;letter-spacing:normal;font-family:Material Icons;-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;-moz-font-feature-settings:"liga";-moz-osx-font-smoothing:grayscale;-webkit-transform:translateY(-50%) rotate(-25deg);transform:translateY(-50%) rotate(-25deg)}body[data-theme="1"] a:hover:after{opacity:1}body[data-theme="1"] a:visited{color:#1a1a1a}body[data-theme="2"]{background-color:#002b36;color:#2aa198}body[data-theme="2"]:after,body[data-theme="2"]:before{background-color:#00222b}body[data-theme="2"]:before{box-shadow:0 50vh 0 0 #00222b}body[data-theme="2"] a{color:#fff;padding-right:26px;position:relative}body[data-theme="2"] a[href^="//"]:after,body[data-theme="2"] a[href^=http]:after{top:50%;right:2px;opacity:.25;line-height:1;direction:ltr;content:"link";font-size:20px;word-wrap:normal;position:absolute;font-style:normal;font-weight:400;white-space:nowrap;text-transform:none;display:inline-block;letter-spacing:normal;font-family:Material Icons;-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;-moz-font-feature-settings:"liga";-moz-osx-font-smoothing:grayscale;-webkit-transform:translateY(-50%) rotate(-25deg);transform:translateY(-50%) rotate(-25deg)}body[data-theme="2"] a:hover:after{opacity:1}body[data-theme="2"] a:visited{color:#2aa198}body[data-theme="2"].showMenu:before{-webkit-filter:drop-shadow(3px 0 7px #2aa198);filter:drop-shadow(3px 0 7px #2aa198)}nav{opacity:0;-webkit-transition:all .9s cubic-bezier(.71,-.15,.09,1.01);transition:all .9s cubic-bezier(.71,-.15,.09,1.01);display:flex;flex-direction:column;top:90px;left:10vw;bottom:0;z-index:10;position:fixed;font-size:4vh;line-height:10vh;overflow:auto;right:-50px}body:not(.showMenu) nav{pointer-events:none}.showMenu nav{opacity:1}[data-theme] nav a,[data-theme] nav a:visited{color:#2aa198}[data-theme] nav a:hover,[data-theme] nav a:visited:hover{color:#35c9be}[data-theme] nav a:not(:last-child),[data-theme] nav a:visited:not(:last-child){margin-bottom:15px}[data-theme] nav a.active,[data-theme] nav a:visited.active{color:#1f7972}[data-theme] nav a.active:hover,[data-theme] nav a:visited.active:hover{color:#1a645f}header{display:block;text-align:center;height:80px;position:fixed;top:0;z-index:11;left:16%;width:68%;margin:0 auto 10px;-webkit-transition:all .35s ease-in;transition:all .35s ease-in;background-image:url(https://www.transparenttextures.com/patterns/absurdity.png)}@media print{header{position:relative;left:0;width:80%;top:-60px;margin-bottom:-60px}}[data-theme="1"] header{background-color:#fff}[data-theme="2"] header{background-color:#002b36}@media screen and (max-width:710px){header{left:100px}}@media screen and (max-width:500px){header{left:10px;width:85%;max-width:990px;margin-bottom:20px;padding:10px 20px 50px}.showMenu header{width:160px;margin:0 0 20px;padding:10px 20px 0}body[data-theme="1"] header:before{background:#1a1a1a}body[data-theme="1"] header:before,body[data-theme="2"] header:before{position:absolute;bottom:0;left:0;right:0;height:3px;content:"";border-radius:30px}body[data-theme="2"] header:before{background:#00222b}}header .logo{display:flex;justify-content:space-between;color:#1a1a1a;font-family:Josefin Slab,serif;font-size:45px;line-height:70px;padding:0 20px;position:relative;margin:0;-webkit-transition:color .9s cubic-bezier(.71,-.15,.09,1.01);transition:color .9s cubic-bezier(.71,-.15,.09,1.01)}@media screen and (max-width:500px){header .logo{font-size:25px;padding:0}}body[data-theme].showMenu header{background-color:transparent}body[data-theme].showMenu header .logo{color:#f5f5f5}body[data-theme].showMenu header:before{position:absolute;bottom:0;left:0;right:0;height:3px;background:#f5f5f5;content:"";border-radius:30px}body[data-theme="1"] header h1{color:#1a1a1a}body[data-theme="2"] header h1{color:#2aa198}body[data-theme="1"] header:before{background:#1a1a1a}body[data-theme="1"] header:before,body[data-theme="2"] header:before{position:absolute;bottom:0;left:0;right:0;height:3px;content:"";border-radius:30px;-webkit-transition:all .9s cubic-bezier(.71,-.15,.09,1.01);transition:all .9s cubic-bezier(.71,-.15,.09,1.01)}body[data-theme="2"] header:before{background:#00222b}#menu{z-index:1000}@media print{#menu{display:none}}#menu div.hamburger{width:100px;height:100px;right:0;top:0;-webkit-transition:all .3s ease;transition:all .3s ease;position:fixed;cursor:pointer;z-index:900}#menu div.hamburger span.line{bottom:auto;right:auto;top:auto;left:auto;border-radius:10px;width:100%;height:5px;right:25px;width:50px;display:block;position:absolute;-webkit-transition:left .2s ease .1s,right .2s ease .1s,top .2s ease .1s,width .2s ease,-webkit-transform .2s ease;transition:left .2s ease .1s,right .2s ease .1s,top .2s ease .1s,width .2s ease,-webkit-transform .2s ease;transition:left .2s ease .1s,right .2s ease .1s,top .2s ease .1s,transform .2s ease,width .2s ease;transition:left .2s ease .1s,right .2s ease .1s,top .2s ease .1s,transform .2s ease,width .2s ease,-webkit-transform .2s ease}#menu div.hamburger span.line.tLine{top:35px}#menu div.hamburger span.line.mLine{top:45px}#menu div.hamburger span.line.bLine{top:55px}body[data-theme="1"] #menu div.hamburger span.line{background:#1a1a1a}body[data-theme="2"] #menu div.hamburger span.line{background:#2aa198}#menu div.hamburger:after{position:absolute;content:"";-webkit-transition:all .4s ease .2s;transition:all .4s ease .2s;top:34px;font-size:1.5em;font-weight:600;color:#333;left:-20px;opacity:0}#menu div.hamburger.active,#menu div.hamburger:after{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}#menu div.hamburger.active:after{opacity:1;left:-40px}#menu div.hamburger.active span.tLine{width:25px;-webkit-transform:rotate(45deg);transform:rotate(45deg);right:22px;top:38px}#menu div.hamburger.active span.bLine{width:25px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:22px;top:52px}@media screen and (max-width:500px){#menu div.hamburger{-webkit-transform:scale(.75);transform:scale(.75);top:-20px;right:-20px}}section{display:block;position:relative;width:85%;max-width:990px;margin:0 auto 10px;padding:10px 20px 50px}section h2,section h3{font-family:Amatic SC,cursive}section h2{margin:20px 0 50px;font-size:32px}section h3{margin:10px 0;font-size:26px}section ul{padding:0 0 0 20px;margin:20px 0 5px}section ul li>*{display:inline-block}body[data-theme="2"] section ul li h3:after,body[data-theme="2"] section ul li h3:before{content:""}section ul li .note{clear:both;display:block;width:100%}section ul li .note:before{content:"- "}section ul li .notes{font-family:Amatic SC,cursive;padding-right:10px}section ul li .notes:before{content:" - ";opacity:.3;display:inline}@media screen and (max-width:500px){section ul li .notes{clear:both;display:block;width:100%}}section ul li[data-label=js]:before{content:"console.log('";opacity:.3}section ul li[data-label=js]:after{content:"')";opacity:.3}section ul li[data-label=html]:before{content:"<li>";opacity:.3}section ul li[data-label=html]:after{content:"</li>";opacity:.3}section ul li[data-label=css]:before{content:"content: '";opacity:.3}section ul li[data-label=css]:after{content:"';";opacity:.3}section ul li[data-label=sass]:before{content:"content: '";opacity:.3}section ul li[data-label=sass]:after{content:"'; font-family: cursive;";opacity:.3}section ul li[data-label=python]:before{content:"print ('";opacity:.3}section ul li[data-label=python]:after{content:"')";opacity:.3}section .secondary_list{margin-top:0}section .secondary_list+.secondary_list{margin-top:20px}section .secondary_list li:first-child{list-style:none}section .secondary_list li:first-child h3{margin-left:-20px;position:relative}body[data-theme="1"] section .secondary_list li:first-child h3:before{position:absolute;bottom:0;left:0;right:0;height:3px;background:#1a1a1a;content:"";border-radius:30px}body[data-theme="2"] section .secondary_list li:first-child h3:before{position:absolute;bottom:0;left:0;right:0;height:3px;background:#00222b;content:"";border-radius:30px}section #penCon{display:flex;flex-wrap:wrap;justify-content:space-around;margin-bottom:50px}section #penCon>*{flex-grow:1;width:75%;margin-bottom:20px}@media screen and (max-width:700px){section #penCon>*,section #penCon>*>*{height:320px}}@media screen and (max-width:500px){section #penCon>*,section #penCon>*>*{height:210px}}body[data-theme="1"] section:before{background:#1a1a1a}body[data-theme="1"] section:before,body[data-theme="2"] section:before{position:absolute;bottom:0;left:0;right:0;height:3px;content:"";border-radius:30px}body[data-theme="2"] section:before{background:#00222b}#dayNightSwitcher{position:fixed;bottom:15px;right:15px;width:100px;height:50px;border:1px solid #000;border-radius:50px;z-index:100;box-shadow:0 1px 4px rgba(0,0,0,.15),0 3px 2px rgba(0,0,0,.15)}#dayNightSwitcher .container{display:block;top:0;left:0;right:0;bottom:0;position:absolute;border:1px solid #000;border-radius:50px}#dayNightSwitcher .container .icon{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .2s ease-in;transition:all .2s ease-in}#dayNightSwitcher .container .icon .circle{cursor:pointer;overflow:hidden;width:25px;height:25px;display:block;border-radius:100%;margin-left:12.5px;margin-right:12.5px;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;box-shadow:inset 0 0 0 0 transparent}#dayNightSwitcher[icon=sun] .container{background:#50b8e7}#dayNightSwitcher[icon=sun] .container .icon{left:0;-webkit-filter:drop-shadow(0 0 10px #ff0);filter:drop-shadow(0 0 10px yellow)}#dayNightSwitcher[icon=sun] .container .icon .circle{float:left;background:#ff0}#dayNightSwitcher[icon=moon] .container{background:#401d57}#dayNightSwitcher[icon=moon] .container .icon{left:62.5px;-webkit-transform:translate(-50%,-50%) rotate(320deg);transform:translate(-50%,-50%) rotate(320deg);-webkit-filter:drop-shadow(0 0 1px #fff);filter:drop-shadow(0 0 1px white)}#dayNightSwitcher[icon=moon] .container .icon .circle{box-shadow:inset 10px 5px 0 0 #fff}
/*# sourceMappingURL=main.0193701f.chunk.css.map */