*{font-family:Roboto,sans-serif;margin:0;padding:0}div#root{width:100vw}body{display:-ms-grid;display:grid;margin:0 auto;max-width:100vw;overflow-x:hidden}::selection{background-color:#10aab4;color:#efefef}h1,h2,h3,h4,h5,h6{font-family:Archivo Black,sans-serif}p{color:#323232;font-family:Roboto,sans-serif;margin:15px 0;max-width:400px}.cta-button{background-color:#10aab4;border-radius:5px;color:#efefef;padding:5px;text-align:center}.terms-text{color:#333;margin:40px}.main-menu{display:flex;flex-direction:column;justify-content:center}.main-menu li{list-style-type:none}.full-img{grid-column:1/-1;height:auto;max-width:100%}.green-bg{background-color:#42df78}.yellow-bg{background-color:#f7d655}.red-bg{background-color:#ee5353}.blue-bg{background-color:#8bd9ff}.cyan-bg{background-color:#53eedf}.purple-bg{background-color:#d191fd}.pink-bg{background-color:#ffd9eb}.orange-bg{background-color:#fd9f28}.about-author{align-content:center;align-items:center;color:#323232;display:flex;flex-direction:row;justify-content:center;margin:30px auto;text-align:left;width:100%}.about-author img.selfie{margin:30px}.article-nav{font-size:1.4rem;margin:60px 10px}footer{background-color:#323232;color:#555;grid-column:1/-1;height:500px;margin-top:100px}header{overflow-x:hidden;width:100%}header nav{color:#10aab4;font-size:1.3rem;text-align:left;width:250px}header nav ul{list-style:none}header nav a:link{color:#10aab4}header nav a:visited{color:#00747c}header nav a:focus,header nav a:hover{color:#efefef}header nav a:active{background-color:transparent;color:#ffc700}header h1{font-size:51pt}header h2{font-family:Roboto;font-size:15pt}header h1,header h2{color:#ffc700;width:100%}.header-stripes{height:600px;margin-top:-50px;overflow:hidden;position:absolute;width:100%;z-index:-5000}.website-heading{margin:40px auto;text-align:left;width:-webkit-max-content;width:max-content}.tilt{-webkit-transform:rotate(-21deg);transform:rotate(-21deg)}.intro-text{padding:100px 20px 0 0}.section-title-stripe{background-color:#10aab4;height:600px;position:absolute;z-index:-200}@media (max-width:554px){header{align-content:center;align-items:center;grid-column:1/-1;justify-content:center;margin-top:-7px}header nav{margin:20px auto}.header-background{background-color:#323232;height:350px;margin-top:-50px;z-index:-100}.header-background,.header-background-stripe{margin-left:-20%;position:absolute;width:140vw}.header-background-stripe{background-color:#10aab4;height:300px;margin-top:50px;z-index:-200}.section-title-stripe{margin-left:-60%;margin-top:-50px;right:-25%;width:140vw}.intro-text{-ms-grid-column-span:2;-ms-grid-column:2;grid-column:2/4}}@media (min-width:555px){header{-ms-grid-column-span:1;-ms-grid-column:1;grid-column:1/2;justify-content:center;justify-content:flex-start}header nav{margin-left:45px;margin-top:20px}.header-background{background-color:#323232;height:600px;position:absolute;top:-230px;width:800px;z-index:-100}.website-heading{margin-left:45px}.header-background-stripe{background-color:#10aab4;height:600px;position:absolute;top:-220px;width:800px;z-index:-200}.intro-text{-ms-grid-row-span:2;align-content:center;display:flex;flex-direction:column;grid-column:2/-1;-ms-grid-row:1;grid-row:1/3;justify-content:center}.main-menu{-ms-grid-column-span:1;-ms-grid-row-span:1;-ms-grid-column:1;grid-column:1/2;-ms-grid-row:2;grid-row:2/3}.section-title-stripe{grid-column:1/-1;height:400px;left:-180px;top:585px;width:150vw}}@media (min-width:555px) and (max-width:899px){.header-background{left:-480px}.header-background-stripe{left:-485px}}@media (min-width:900px){header>nav{margin-left:90px}.header-background{height:1000px;left:-300px;top:-600px;width:1000px}.website-heading{margin-left:90px;width:-webkit-max-content;width:max-content}.website-heading h1{color:#ffc700;font-size:8rem;margin:auto}.header-background-stripe{height:1000px;left:-305px;top:-587px;width:1000px}}@media (min-width:1500px){.intro-text{font-size:21pt;margin-top:-180px}header h1{font-size:89pt}}.heading-intro-wrapper{margin-top:250px;padding:30px;text-align:left;width:calc(100% - 60px)}.heading-intro-wrapper h1,.heading-intro-wrapper h2,.heading-intro-wrapper h3,.heading-intro-wrapper h4,.heading-intro-wrapper h5,.heading-intro-wrapper h6{color:#323232;margin-bottom:8px}p{color:#10aab4;font-size:2em;line-height:1.8rem}.main-content{margin:0 0 50px;min-height:400px;width:100vw}article h2:first-child{background-color:#008a93;color:#fff;padding:70px 30px;width:calc(100% - 60px);z-index:-50000}strong.loading-article{color:#bfbfbf;font-family:Archivo Black;font-size:5em}img{background-color:#9c9c9c}code{background-color:#3b3b3b;border-radius:.2rem;color:#ffc700;font-family:"monospace";max-width:90vw;overflow-x:scroll;padding:.1em;width:-webkit-max-content;width:max-content}p>code,pre{word-wrap:break-word;max-width:90vw!important;overflow-x:auto;white-space:pre-wrap}.wp-block-code{background-color:#3b3b3b;border-radius:.2rem;margin:4.5em 30px;max-width:90vw;padding:1em;text-align:left}.wp-block-code code{background-color:transparent;font-size:2em;max-width:100%;padding:0}article{max-width:100%}article h2{background-color:#333;border-bottom:15px solid #10aab4;color:#ffc700;font-size:clamp(2rem,4vw,2.5rem);font-weight:400;line-height:1em;margin:3em auto .8em;padding:30px;width:calc(100% - 60px)}article h2 code{font-size:clamp(2rem,4vw,4rem)}article h3{max-width:70ch;text-align:left;width:100%}article section{align-items:center;display:flex;flex-direction:column;justify-content:center}article section p{color:#515151;font-size:2em;line-height:1.8em;max-width:80vw;text-align:left;width:70ch}article section h3{color:#606060;font-size:2em;margin:40px 20px 10px;width:calc(100% - 40px)}article img{height:auto;margin:2em;max-width:calc(100vw - 4em);width:100%}article figcaption{color:#5e5e5e;font-size:1.8em;line-height:1.5em;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:calc(90% - 120px);width:calc(min(500px, 100%-120px))}section.share-article{display:flex;flex-direction:column;width:100%}section.share-article small{font-size:.8rem;margin-bottom:4px}section.share-article .share-icon{align-content:center;align-items:center;background-color:#323232;border-radius:5px;color:#ffc700;cursor:pointer;display:flex;flex-direction:column;height:55px;justify-content:center;padding:5px;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:55px}section.share-article .share-icon svg{margin-left:-4px;margin-top:2px;width:25px}section.share-article .share-icon:focus{border-radius:5px;color:#10aab4!important;outline:3px solid #10aab4}section.share-article .share-url{background-color:#efefef;border:1px solid #10aab4;border-radius:11px;caret-color:transparent;-webkit-filter:drop-shadow(1px 2px 5px rgba(0,0,0,.4));filter:drop-shadow(1px 2px 5px rgba(0,0,0,.4));flex-direction:column;height:250px;margin:0 auto;max-width:95vw;overflow:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none}section.share-article .share-url,section.share-article .share-url .share-title-bar{align-items:center;display:flex;justify-content:center;position:absolute;width:100%}section.share-article .share-url .share-title-bar{background-color:#10aab4;color:#efefef;flex-direction:row;height:40px;top:0}section.share-article .share-url .share-title-bar h4{color:#efefef;font-family:Roboto;font-size:2em;text-align:center;-webkit-user-select:text;-ms-user-select:text;user-select:text;width:auto}section.share-article .share-url ::selection{background-color:#3a3a3a!important;color:#efefef}section.share-article .share-url .close:focus{border-radius:7px;color:#ff1c1c!important;height:30px;outline:3px solid #ff1c1c;width:30px}section.share-article .share-url .close:hover{color:#ff1c1c!important}section.share-article .share-url .close{color:#efefef;position:absolute;right:5px;top:5px}section.share-article input{background-color:#fbfbfb;border:1px solid #10aab4;border-radius:5px;color:#10aab4;font-size:1.9rem;max-width:90vw;padding:.3rem;-webkit-user-select:text!important;-ms-user-select:text!important;user-select:text!important;width:60ch}section.share-article input::selection{background-color:#10aab4;color:#efefef}section.share-article input:focus{box-shadow:inset 0 2px 2px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);outline:1px solid #10aab4}section.share-article input:hover{cursor:pointer}section.share-article .link-buttons{bottom:35px;display:flex;flex-direction:row;justify-content:center;position:absolute;width:100%}section.share-article .link-button{background-color:#323232;border-radius:5px;color:#efefef;cursor:pointer;display:block;font-size:1rem;margin:0 40px;min-width:100px;padding:13px;-webkit-user-select:none;-ms-user-select:none;user-select:none}section.share-article .link-button:hover{background-color:#10aab4}.copied-location{font-size:1rem;margin:10px}.sticky-menu{align-items:center;background-color:#323232;border-bottom:5px solid #10aab4;color:#ffc700;display:flex;-webkit-filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));flex-direction:row;font-size:1.7rem;height:60px;justify-content:space-between;position:fixed;top:0;width:100%;z-index:10000}.sticky-menu .menu-logo h2{color:#ffc700;font-size:1.8rem;margin:0 15px;text-align:left}.sticky-menu .menu-logo h3{color:#ffc700;font-size:.8rem;margin:0 15px;text-align:left}.sticky-menu h2{color:inherit}.sticky-menu .hamburger-menu-wrapper{align-self:flex-start;padding-top:15px}.sticky-menu .hamburger-menu{color:inherit;margin:0 10px;z-index:20000}.sticky-menu .hamburger-nav-menu{position:absolute;right:0;top:100%;z-index:11000}.sticky-menu .hamburger-menu-link-items{align-items:flex-start;background-color:#323232;display:flex;flex-direction:column;justify-content:center;list-style:none;top:100%}.sticky-menu .hamburger-menu-link-items li{text-align:left;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.sticky-menu .hamburger-menu-link-items li a{display:block;height:calc(100% + 60px);padding:10px 30px;text-decoration:none;width:100%}.sticky-menu .hamburger-menu-link-items li:hover{background-color:#10aab4}.sticky-menu ul a{color:#ffc700}.sticky-menu nav.expanded{display:block}.hidden,.sticky-menu nav.collapsed{display:none}.hide{opacity:0;visibility:hidden}.hide,.visible{transition:visibility 0s linear .2s,opacity .2s linear}.visible{opacity:1;transition-delay:0s;visibility:visible}.loader{-webkit-animation:load6 1.7s ease infinite,round 1.7s ease infinite;animation:load6 1.7s ease infinite,round 1.7s ease infinite;border-radius:50%;color:#bfbfbf;font-size:50px;height:1em;margin:72px auto;overflow:hidden;position:relative;text-indent:-9999em;-webkit-transform:translateZ(0);transform:translateZ(0);width:1em}@-webkit-keyframes load6{0%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}to{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}}@keyframes load6{0%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}to{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}}@-webkit-keyframes round{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes round{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.App{font-size:62.5%;overflow:hidden;text-align:center;width:100vw}a:link{color:#10aab4}a:visited{color:#323232}a:active,a:hover{color:#10aab4}a:active{background-color:#323232;border-radius:5px}a:focus{background-color:#10aab4;border:0 solid #d10000;border-radius:5px;color:#fff}
/*# sourceMappingURL=main.86ee70fb.css.map*/