#menu-bar{background-color:#000;border-bottom:solid hsla(0,0%,100%,.568);box-shadow:0 30px 40px rgba(0,0,0,.1);height:4rem;left:0;position:fixed;top:0;width:100vw;z-index:999}#menu-bar a{color:#fff;padding:1rem 2.5rem;text-decoration:none}#menu-bar ul{height:100%;list-style-type:none;margin-top:0;padding-left:0}@media only screen and (min-width:0px){#menu-bar #mobile-menu{display:flex;height:100%;justify-content:center}}@media only screen and (min-width:481px){#menu-bar #mobile-menu{display:none}}#menu-bar #mobile-menu .mobile-button{text-align:center}@media only screen and (min-width:481px){#menu-bar #mobile-menu .mobile-button{display:none}}#menu-bar #list-bar{display:none}@media only screen and (min-width:481px){#menu-bar #list-bar{display:block}}#menu-bar #list-bar #login-button:hover,#menu-bar #list-bar #logout-button:hover{color:#000}#menu-bar #list-bar #login-button,#menu-bar #list-bar #logout-button{color:#fff;float:right;padding-left:2.5%;padding-right:2.5%}#menu-bar #list-bar .menu-button:hover{background-color:#fff;color:#000;cursor:pointer}#menu-bar #list-bar .menu-button .form-submit:hover,#menu-bar #list-bar .menu-button a:hover{color:#000;cursor:pointer}@media only screen and (min-width:0px){#menu-bar #list-bar .menu-button{background-color:#1a1a1b;border-bottom:3px solid hsla(0,0%,100%,.568)}}@media only screen and (min-width:481px){#menu-bar #list-bar .menu-button{background-color:#000;border-right:3px solid hsla(0,0%,100%,.568);float:left;height:100%}}#menu-bar #list-bar .menu-button p{align-items:center;display:flex;height:100%;justify-content:center;margin-bottom:0;margin-top:0}#menu-bar #list-bar .menu-button a{align-items:center;display:flex;height:65%;justify-content:center}#menu-bar #register-button{background-color:#f08080;border:thin solid #fff;border-radius:60px;bottom:1rem;color:#fff;float:right;padding-left:2.5%;padding-right:2.5%;position:inline-block;right:1rem}#menu-bar #register-button:hover{background-color:#fff;border:thin solid #fce3c7;color:#000;cursor:pointer}#menu-bar #register-button p{margin:0}#menu-bar #login-form,#menu-bar #register-form{margin-right:1rem}#menu-bar #login-container,#menu-bar #register-container{border-radius:0 0 0 60px;min-width:20vw}#menu-bar #login-container .message,#menu-bar #register-container .message{height:4rem;overflow-y:auto;position:relative;text-align:center;width:100%}#menu-bar #login-container form,#menu-bar #register-container form{color:#fff}#menu-bar .close-button:hover{background-color:#fff;border:solid #fce3c7;color:#000;cursor:pointer}#menu-bar #login-button,#menu-bar #logout-button{border-left:3px solid #fff;border-right:0;color:#fff}#menu-bar #create-article:hover,#menu-bar #media-upload:hover{background-color:#a9a9a9;height:5rem;width:7rem}#menu-bar #create-article,#menu-bar #media-upload{border-radius:25px 0 0 25px;height:5em;position:fixed;right:0;z-index:999}#menu-bar #article-form,#menu-bar #media-form,#menu-bar .gallery{display:none;z-index:2}#menu-bar #article-form textarea,#menu-bar #media-form textarea,#menu-bar .gallery textarea{max-height:70vh;max-width:100%}#menu-bar .gallery img:hover{opacity:.3}#menu-bar #media-upload{background-color:#7fff00;bottom:20em}#menu-bar #create-article{background-color:#00bfff;bottom:10em}#menu-bar #create-article-container{border-radius:0;border-radius:25px 0 0 25px;float:left;left:1em;max-height:80%;max-width:50%;overflow-y:auto;position:fixed;top:5em;width:70em}#menu-bar #create-article-container .gallery #the-img{background:#000;border:1px dashed #fff;float:left;height:10em;-o-object-fit:contain;object-fit:contain;width:30%}#menu-bar #create-article-container #article-title{min-width:40vw}#menu-bar #create-article-container #article-content,#menu-bar #create-article-container #code-content{min-height:10vw;min-width:40vw}#menu-bar #create-article-container .article-content{z-index:0}#menu-bar input[type=submit]{background:none;border:none;color:#fff;font:inherit;outline:inherit;padding:0}#menu-bar input[type=submit]:hover{background-color:#fff;color:#000;cursor:pointer}#menu-bar input[type=password],#menu-bar input[type=text]{border-radius:60px;float:right;height:2rem;margin-bottom:1rem;padding-left:20px}#menu-bar .form-submit{background-color:#f08080;border:thin solid #fff;border-radius:60px;bottom:1rem;color:#fff;float:left;left:2rem;margin:0;padding-left:2.5%;padding-right:2.5%}#menu-bar .form-submit:hover{background-color:#fff;border:thin solid #fce3c7;color:#000;cursor:pointer}.bg-contain{min-height:100vh;overflow:hidden;position:relative;z-index:2}.background{background:linear-gradient(0deg,#a7e9e4 5%,#6de3cc 22%,#43ded2 37%,#3cc8cf 53%,#40bdd1 60%,#32acd2 74%,#2d9dfd 84%,#13bedb 98%,#fff);min-height:100vh;width:100%}@media only screen and (min-width:481px){.background:after{animation:waves 60s ease-in-out infinite;background:linear-gradient(90deg,#a7e9e4 8%,#6de3cc 22%,#43ded2 37%,#3cc8cf 53%,#40bdd1 60%,#32acd2 74%,#2d9dfd 84%,#13bedb 92%,#fff 99%);border-radius:45%;bottom:-10%;box-shadow:inset 0 0 25px 8px #fff;content:"";height:300%;opacity:.4;position:absolute;right:100%;width:300%}@keyframes waves{80%{opacity:.2}to{opacity:0;transform:translateX(65%) rotate(2turn)}}}.page-title{background-color:#758291;height:10rem;margin-top:4rem;padding:1em;position:relative}.page-title h1,.page-title h2,.page-title p{color:#fff;position:relative;z-index:2}@media only screen and (min-width:0px){.page-title{-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:30s;animation-duration:30s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:animation;animation-name:animation;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:rgba(247,198,30,.86);box-shadow:inset 0 -10px 10px -1px rgba(197,255,252,.62)}@keyframes animation{0%{background-color:#020107}20%{background-color:#20184b}35%{background-color:#f86134}60%{background-color:#f18c6d}to{background-color:#6bb9f8}}.page-title .sun{animation:x-motion 60s ease-in-out 0s infinite;-webkit-animation:x-motion 60s ease-in-out 0s infinite;height:8rem;z-index:1}.page-title .sun,.page-title .sun:before{border-radius:160px 160px 160px 160px;position:absolute;width:8rem}.page-title .sun:before{animation:y-motion 60s ease-in-out 0s infinite;-webkit-animation:y-motion 60s ease-in-out 0s infinite;background-image:radial-gradient(circle,#fbe93f 25%,#fccf46 51%,#fcc946 69%,#ffb923 93%);box-shadow:0 0 24px 17px rgba(236,188,53,.952);content:"";height:100%;top:100%}}@media only screen and (min-width:0px) and (min-width:481px){.page-title .clouds{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;width:100%}.page-title .cloud-container{height:100%;position:relative;width:100%}.page-title .cloud{animation:cloudColor 60s,cloudAnimation 60s linear infinite;-webkit-animation:cloudColor 60s,cloudAnimation 60s linear infinite;background:#fff;border-radius:50%;filter:blur(6px);height:60px;opacity:.76;position:absolute;top:-3rem;visibility:hidden;width:60px;z-index:11}.page-title .cloud:before{left:30px;top:-15px;width:50px}.page-title .cloud:after,.page-title .cloud:before{background:#fff;border-radius:50%;content:"";display:inline-block;filter:blur(3px);height:50px;position:relative}.page-title .cloud:after{left:35px;top:-40px;width:100px}.page-title .cloud:nth-child(1n){animation-delay:1s;height:70px;width:62px}.page-title .cloud:nth-child(1n):after{height:51px;width:105px}.page-title .cloud:nth-child(1n):before{height:55px;width:58px}.page-title .cloud:nth-child(2n){animation-delay:4s;height:70px;width:67px}.page-title .cloud:nth-child(2n):after{height:60px;width:105px}.page-title .cloud:nth-child(2n):before{height:51px;width:60px}.page-title .cloud:nth-child(3n){animation-delay:6s;height:62px;width:62px}.page-title .cloud:nth-child(3n):after{height:53px;width:101px}.page-title .cloud:nth-child(3n):before{height:54px;width:60px}.page-title .cloud:nth-child(4n){animation-delay:8s;height:67px;width:67px}.page-title .cloud:nth-child(4n):after{height:53px;width:110px}.page-title .cloud:nth-child(4n):before{height:54px;width:53px}.page-title .cloud:nth-child(5n){animation-delay:5s;height:62px;width:63px}.page-title .cloud:nth-child(5n):after{height:55px;width:104px}.page-title .cloud:nth-child(5n):before{height:58px;width:60px}.page-title .cloud:nth-child(6n){animation-delay:6s;height:64px;width:62px}.page-title .cloud:nth-child(6n):after{height:53px;width:106px}.page-title .cloud:nth-child(6n):before{height:52px;width:52px}.page-title .cloud:nth-child(7n){animation-delay:7s;height:63px;width:69px}.page-title .cloud:nth-child(7n):after{height:54px;width:109px}.page-title .cloud:nth-child(7n):before{height:51px;width:54px}.page-title .cloud:nth-child(8n){animation-delay:16s;height:61px;width:63px}.page-title .cloud:nth-child(8n):after{height:56px;width:105px}.page-title .cloud:nth-child(8n):before{height:56px;width:51px}.page-title .cloud:nth-child(9n){animation-delay:9s;height:64px;width:63px}.page-title .cloud:nth-child(9n):after{height:52px;width:102px}.page-title .cloud:nth-child(9n):before{height:57px;width:53px}.page-title .cloud:nth-child(10n){animation-delay:20s;height:65px;width:69px}.page-title .cloud:nth-child(10n):after{height:52px;width:109px}.page-title .cloud:nth-child(10n):before{height:55px;width:56px}@keyframes cloudAnimation{0%{left:0;visibility:visible}to{left:100%}}@keyframes cloudColor{0%,to{opacity:0}35%,65%{opacity:1}}}@media only screen and (min-width:0px){@keyframes x-motion{0%{left:-2em}to{left:100%}}@keyframes y-motion{0%,to{top:110%}50%{top:-40%}}}.list-container{background-color:ivory;border:solid hsla(0,0%,100%,.568);margin-bottom:2rem;margin-left:1rem;margin-right:1rem;min-height:10rem;position:relative;z-index:2}@media only screen and (min-width:481px){.list-container{border-radius:25px;box-shadow:2px 1px 13px 12px hsla(0,0%,41%,.32)}}.list-container:hover{border:solid #fce3c7;box-shadow:2px 1px 13px 12px rgba(0,0,0,.42)}@media only screen and (min-width:1025px){.list-container{display:inline-block;text-align:justify;width:45.5%}}.list-container .selected-container{height:100%}.list-container .selected-container:hover{border-radius:25px;cursor:pointer}.list-container .author,.list-container .date{background-color:#6495ed;color:#fff;min-width:50%;overflow:auto;text-align:center}@media only screen and (min-width:0px){.list-container .author,.list-container .date{border-bottom:solid hsla(0,0%,100%,.568)}}@media only screen and (min-width:481px){.list-container .author{float:left}.list-container .date{float:right}}.list-container .article-excerpt p{margin-bottom:0;overflow:hidden;padding:3rem 1rem 4rem;position:relative;text-align:initial;text-overflow:ellipsis;white-space:nowrap}@media only screen and (min-width:481px){.list-container .article-link{bottom:-1rem;position:absolute;right:-1rem}}.list-container .article-link .link-button{background-color:#f08080;border:none;color:#fff;text-decoration:none}@media only screen and (min-width:0px){.list-container .article-link .link-button{width:100%}}@media only screen and (min-width:481px){.list-container .article-link .link-button{border-radius:0 10px 60px 10px;height:3rem;width:10rem}}.list-container .article-link .link-button:hover{background-color:#fff;border:thin solid orange;color:#000}.list-container .admin{position:absolute;right:2rem;top:0}.list-container .admin .delete{border-radius:25px}.list-container .admin .delete:hover{background-color:red}.list-container .admin .delete-display{background-color:#fff;border:solid #fce3c7;display:none;min-height:5rem;min-width:10rem;position:absolute;right:0}.list-container .admin .delete-display .no-delete{position:absolute;right:0;top:40%}.list-container .admin .delete-display .yes-delete{position:absolute;top:40%}.article-select{background:#e9e0cc;border:dashed #fce3c7}.article-select:hover{border:dashed #f08080}#article-template{display:none}#article-container{border:solid hsla(0,0%,100%,.568);border-radius:25px;margin-left:1rem;margin-right:1rem;padding:1rem;text-align:initial}@media only screen and (min-width:0px){#article-container{background-color:ivory}}@media only screen and (min-width:481px){#article-container{background-color:#e9e0cc;padding:2rem}#article-container .code-snippet,#article-container p:not(#a-close p,#a-text>p:not(.article-img)){background-color:ivory;box-shadow:1px 1px 8px 12px ivory,1px 1px 8px 25px ivory}}#article-container #a-close{background-color:#f08080;border:solid hsla(0,0%,100%,.568);border-radius:60px;height:3.5em;position:absolute;right:0;text-align:center;top:1em;width:3.5em}#article-container #a-close a{color:#fff;display:block;height:100%;text-decoration:none}#article-container #a-close p{margin:0;position:relative;top:30%}#article-container #a-close:hover{background-color:#fff;border:thick solid #f08080}#article-container #a-close:hover a{color:#000}#article-container #a-title{border-radius:0 25px 25px 0;margin-bottom:2rem;margin-left:3em;margin-right:3em;text-align:center}@media only screen and (max-width:480px){#article-container .article-img img{border:thin solid #000;height:auto;max-width:400px;width:100%}}@media only screen and (min-width:481px){#article-container .article-img img{background-repeat:no-repeat;background:#2b2b2b;background-size:contain;border:solid #000;box-shadow:2px 10px 5px 4px #aaa;height:600px;margin-bottom:2rem;margin-top:2rem;-o-object-fit:contain;object-fit:contain;width:auto}}#article-container #no-content{text-align:center}@media only screen and (min-width:481px){#article-container #a-text{margin-left:3rem;margin-right:3rem}}#article-container #a-text p{margin-bottom:3em;margin-top:3em}@media only screen and (min-width:481px){#article-container #a-text p{background-color:#fff;box-shadow:1px 1px 8px 15px #fff,1px 1px 8px 25px ivory}}#article-container #a-author,#article-container #a-date{margin-left:3em;margin-right:3em;text-align:center}#article-container .code-snippet{background-color:#2b2b2b;max-height:30em;overflow:auto}@media only screen and (min-width:481px){#article-container .code-snippet{box-shadow:2px 10px 5px 4px #aaa,1px 1px 8px 12px ivory,1px 1px 8px 25px ivory}}#article-container .code-snippet pre{counter-increment:line;font-family:Hack,monospace;line-height:2rem;margin:0}#article-container .code-snippet pre:hover,#article-container .code-snippet pre:hover .hljs{background-color:green}#article-container .code-snippet pre:hover:before{background-color:#90ee90}#article-container .code-snippet pre:before{background-color:#fff;color:#000;content:counter(line);display:inline-block;height:100%;margin-right:1em;padding:0 .5em;text-align:center;width:2em}.portfolio-container{background-color:ivory;border:solid hsla(0,0%,100%,.568);margin-bottom:2rem;margin-left:1rem;margin-right:1rem;min-height:10rem;position:relative}@media only screen and (min-width:481px){.portfolio-container{border-radius:25px;box-shadow:2px 1px 13px 12px hsla(0,0%,41%,.32)}}.portfolio-container .related-articles{margin-bottom:2rem}.portfolio-container .github-repo{position:relative;z-index:5}.portfolio-container .github-repo,.portfolio-container .languages{background-color:#6495ed;border-bottom:solid hsla(0,0%,100%,.568);color:#fff;min-width:50%;overflow:auto;text-align:center}.portfolio-container .portfolio-link{background-color:#f08080;color:#fff;display:inline-block;margin:2em;padding:14px 25px;text-align:center;text-decoration:none}.portfolio-container .portfolio-link:hover{background-color:#fff;border:thick solid #fce3c7;color:#000}@media only screen and (min-width:481px){.portfolio-container .portfolio-link{box-shadow:2px 1px 13px 2px rgba(0,0,0,.32)}}.portfolio-container .article-video{display:flex;justify-content:center;margin:auto;position:relative}.portfolio-container .article-video video{height:auto;width:100%}@media only screen and (min-width:769px){.portfolio-container .article-video video{box-shadow:10px 10px 5px #aaa;width:60%}}#contact-container{background-color:ivory;border:solid hsla(0,0%,100%,.568);margin-bottom:2rem;margin-left:1rem;margin-right:1rem;min-height:10rem;position:relative}@media only screen and (min-width:481px){#contact-container{border-radius:25px;box-shadow:2px 1px 13px 12px hsla(0,0%,41%,.32)}}@media only screen and (min-width:1025px){#contact-container .flex-container{align-items:center;display:flex;justify-content:left;margin-left:3rem;margin-right:3rem;margin-top:3rem}}#contact-container .flex-container #profile-img{max-height:100%;max-width:100%}@media only screen and (min-width:1025px){#contact-container .flex-container #profile-img{box-shadow:10px 10px 5px #aaa;margin-left:5vw}}@media only screen and (min-width:1201px){#contact-container .flex-container #profile-img{margin-left:20vw}}#contact-container .flex-container #profile-img img{background-color:#2b2b2b;margin:0;-o-object-fit:contain;object-fit:contain}@media only screen and (min-width:0px){#contact-container .flex-container #profile-img img{height:180px;width:100%}}@media only screen and (min-width:1025px){#contact-container .flex-container #profile-img img{border:solid #000;height:360px;width:360px}}#contact-container .flex-container #contact-details{background-color:gray;color:#fff;padding:2rem}@media only screen and (min-width:0px){#contact-container .flex-container #contact-details{border-bottom:solid hsla(0,0%,100%,.568);border-top:solid hsla(0,0%,100%,.568)}}@media only screen and (min-width:1025px){#contact-container .flex-container #contact-details{border:solid #fce3c7;border-radius:60px;box-shadow:2px 1px 13px 8px rgba(0,0,0,.32);margin-left:10vw}}#contact-container #about-me{padding:1em}@media only screen and (min-width:0px){#contact-container #about-me{margin-left:1em;margin-right:1em;text-align:initial}}@media only screen and (min-width:481px){#contact-container #about-me{background-color:gray;border:solid #fce3c7;box-shadow:2px 6px 13px 8px rgba(0,0,0,.22);color:#fff;margin:3em;text-align:center}}.footer{background:#0d0d0e;flex-grow:1;height:60px;width:100%;z-index:2}html[data-theme=light]{
  /*!
    Theme: a11y-light
    Author: @ericwbailey
    Maintainer: @ericwbailey

    Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css
  */}html[data-theme=light] pre code.hljs{display:block;overflow-x:auto;padding:1em}html[data-theme=light] code.hljs{padding:3px 5px}html[data-theme=light] .hljs{background:#fefefe;color:#545454}html[data-theme=light] .hljs-comment,html[data-theme=light] .hljs-quote{color:#696969}html[data-theme=light] .hljs-deletion,html[data-theme=light] .hljs-name,html[data-theme=light] .hljs-regexp,html[data-theme=light] .hljs-selector-class,html[data-theme=light] .hljs-selector-id,html[data-theme=light] .hljs-tag,html[data-theme=light] .hljs-template-variable,html[data-theme=light] .hljs-variable{color:#d91e18}html[data-theme=light] .hljs-attribute,html[data-theme=light] .hljs-built_in,html[data-theme=light] .hljs-link,html[data-theme=light] .hljs-literal,html[data-theme=light] .hljs-meta,html[data-theme=light] .hljs-number,html[data-theme=light] .hljs-params,html[data-theme=light] .hljs-type{color:#aa5d00}html[data-theme=light] .hljs-addition,html[data-theme=light] .hljs-bullet,html[data-theme=light] .hljs-string,html[data-theme=light] .hljs-symbol{color:green}html[data-theme=light] .hljs-section,html[data-theme=light] .hljs-title{color:#007faa}html[data-theme=light] .hljs-keyword,html[data-theme=light] .hljs-selector-tag{color:#7928a1}html[data-theme=light] .hljs-emphasis{font-style:italic}html[data-theme=light] .hljs-strong{font-weight:700}@media screen and (-ms-high-contrast:active){html[data-theme=light] .hljs-addition,html[data-theme=light] .hljs-attribute,html[data-theme=light] .hljs-built_in,html[data-theme=light] .hljs-bullet,html[data-theme=light] .hljs-comment,html[data-theme=light] .hljs-link,html[data-theme=light] .hljs-literal,html[data-theme=light] .hljs-meta,html[data-theme=light] .hljs-number,html[data-theme=light] .hljs-params,html[data-theme=light] .hljs-quote,html[data-theme=light] .hljs-string,html[data-theme=light] .hljs-symbol,html[data-theme=light] .hljs-type{color:highlight}html[data-theme=light] .hljs-keyword,html[data-theme=light] .hljs-selector-tag{font-weight:700}}html[data-theme=dark]{
  /*!
    Theme: a11y-dark
    Author: @ericwbailey
    Maintainer: @ericwbailey

    Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css
  */}html[data-theme=dark] pre code.hljs{display:block;overflow-x:auto;padding:1em}html[data-theme=dark] code.hljs{padding:3px 5px}html[data-theme=dark] .hljs{background:#2b2b2b;color:#f8f8f2}html[data-theme=dark] .hljs-comment,html[data-theme=dark] .hljs-quote{color:#d4d0ab}html[data-theme=dark] .hljs-deletion,html[data-theme=dark] .hljs-name,html[data-theme=dark] .hljs-regexp,html[data-theme=dark] .hljs-selector-class,html[data-theme=dark] .hljs-selector-id,html[data-theme=dark] .hljs-tag,html[data-theme=dark] .hljs-template-variable,html[data-theme=dark] .hljs-variable{color:#ffa07a}html[data-theme=dark] .hljs-built_in,html[data-theme=dark] .hljs-link,html[data-theme=dark] .hljs-literal,html[data-theme=dark] .hljs-meta,html[data-theme=dark] .hljs-number,html[data-theme=dark] .hljs-params,html[data-theme=dark] .hljs-type{color:#f5ab35}html[data-theme=dark] .hljs-attribute{color:gold}html[data-theme=dark] .hljs-addition,html[data-theme=dark] .hljs-bullet,html[data-theme=dark] .hljs-string,html[data-theme=dark] .hljs-symbol{color:#abe338}html[data-theme=dark] .hljs-section,html[data-theme=dark] .hljs-title{color:#00e0e0}html[data-theme=dark] .hljs-keyword,html[data-theme=dark] .hljs-selector-tag{color:#dcc6e0}html[data-theme=dark] .hljs-emphasis{font-style:italic}html[data-theme=dark] .hljs-strong{font-weight:700}@media screen and (-ms-high-contrast:active){html[data-theme=dark] .hljs-addition,html[data-theme=dark] .hljs-attribute,html[data-theme=dark] .hljs-built_in,html[data-theme=dark] .hljs-bullet,html[data-theme=dark] .hljs-comment,html[data-theme=dark] .hljs-link,html[data-theme=dark] .hljs-literal,html[data-theme=dark] .hljs-meta,html[data-theme=dark] .hljs-number,html[data-theme=dark] .hljs-params,html[data-theme=dark] .hljs-quote,html[data-theme=dark] .hljs-string,html[data-theme=dark] .hljs-symbol,html[data-theme=dark] .hljs-type{color:highlight}html[data-theme=dark] .hljs-keyword,html[data-theme=dark] .hljs-selector-tag{font-weight:700}}body{font-size:calc(15px + .39063vw);margin:0;min-height:100vh;overflow-x:hidden;scroll-behavior:smooth;scroll-padding:6em;width:100vw}a{color:rgba(255,149,49,.87);text-decoration:none}a:hover{color:#f54343;text-decoration:underline}a,p{font-family:Arial,Helvetica,sans-serif}h1,h2{font-family:Open Sans,sans-serif;text-align:center}h1{font-size:1.8rem}h2{font-size:1.5rem}button:hover,li:hover{cursor:pointer}.content{margin:0;padding-bottom:3rem;padding-top:2em;position:relative;text-align:center;z-index:3}@media only screen and (min-width:769px){.content{margin-left:1.5rem;margin-right:1.5rem}}@media only screen and (min-width:1201px){.content{margin-left:5rem;margin-right:5rem}}.article-text{padding:1rem 1rem 0;position:relative}.article-text p{margin-bottom:0;padding-bottom:4rem;padding-top:3rem}.container{background-color:gray;border:solid #fff;display:none;float:right;max-width:50%;padding:1em 2em 2em;position:absolute;top:4rem;z-index:2}@media only screen and (min-width:0px){.container{right:0}}@media only screen and (min-width:481px){.container{right:.7em}}.title{background-color:#758291;color:#fff;display:inline-block;height:auto;min-height:5em;text-align:center;width:100%}@media only screen and (min-width:481px){.title{border-radius:25px 25px 0 0;box-shadow:inset -2px -12px 4px 0 hsla(240,2%,69%,.32)}}.close-button{background-color:#f08080;border-radius:0 0 0 40px;color:#fff;cursor:pointer;padding:1rem;position:absolute;right:0;top:0}#sidebar{background-color:ivory;border:3px solid hsla(0,0%,100%,.568);border-radius:25px 0 0 25px;display:none;float:right;max-width:20%;width:20%;z-index:-1}.side-button{margin-bottom:20%;text-align:center}.side-button:hover{background-color:gold}img{display:block;margin-left:auto;margin-right:auto;max-height:100%;max-width:100%}.load{border-radius:50%;display:none;height:auto;width:auto}.message{display:block}