*{box-sizing:border-box}html{width:100%;height:100%}body{margin:0;font-family:Quicksand,Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:x-large;font-weight:500}footer{padding:1.5rem;font-size:90%}body[theme=light]{color:#fff}body[theme=dark]{color:#000}body[theme=dark] a{color:#f9bbf6;text-shadow:0 2px 10px #0003}body[theme=dark] a:visited{color:#f1c9e3}a{color:#e17be1;text-shadow:0 2px 10px #0003;opacity:.85}a:visited{color:#c25ec2}a:focus,a:hover{opacity:1}code{text-shadow:0 0 2px #000;font-weight:700}body[theme=dark] code{color:#fff}@media (max-width:600px){body{font-size:large}}details{font-size:90%}button{font-size:large}.main-background{background-size:cover}.main-background[background=purple]{background-image:url(Blooming-heather-at-Westruper-Heide-resized.f6f16d81.jpg)}.main-background[background=grey]{background-image:url(Glowing-sky-resized.74ec6e57.jpg)}.main-background[background=green]{background-image:url(Small-railway-in-Gruga-Park-in-Essen-resized.3930aeda.jpg)}.main-navbar{min-height:4rem;text-shadow:0 2px 2px #000}.main-navbar h1{margin:0;padding:1rem}@media (max-width:600px){.main-navbar h1{font-size:x-large}}.main-section{max-width:960px;margin:0 auto;padding:1rem}.code-section{color:#000;width:100%;height:200px;background-color:#ffffffbf;border-radius:8px;margin:0;padding:.5rem;font-family:monospace;font-size:1rem}.code-output{background-color:#c8c8c8bf;overflow:auto}.code-example-section{flex-direction:row;margin-top:1rem;display:flex}.code-example-section>div{flex:1}.code-example-section__title{height:2rem}@media (max-width:600px){.code-example-section{flex-direction:column}}
/*# sourceMappingURL=index.a1ff920f.css.map */