html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-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{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-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}main section,header,footer{display:flex;align-items:center;justify-content:center;margin:0 auto}#nav-menu ul{list-style:none;display:flex;justify-content:center}footer{font-family:Papyrus,sans-serif;height:60px;background-color:#fff;color:#211e1e;width:100%;margin-top:1rem}body{background-color:#f8d063be;color:#211e1e;font-weight:600;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}body h1{margin-bottom:0;text-align:center}body.dark{background-color:#211e1e;color:#fff}body.dark footer{border-top:1px solid rgb(255,255,255);background-color:#211e1e;color:#fff}@media(prefers-color-scheme:dark){body{background-color:#211e1e;color:#fff}body footer{border-top:1px solid rgb(255,255,255);background-color:#211e1e;color:#fff}}header{font-family:Helvetica,sans-serif;width:100%}#nav-menu{display:flex}#nav-menu ul{gap:1rem;align-items:stretch;margin-right:auto}#nav-menu li{display:flex}#nav-menu a{display:flex;padding:6px 10px;text-decoration:none;height:100%;font-weight:600;font-size:1.2rem;color:#fff;letter-spacing:1px;border-radius:8px;background-color:#0645f3;box-sizing:border-box}#nav-menu a:hover{background-color:#3dcfcf;transition:.3s}#nav-menu a:active{background-color:#1a6666;color:#fff}.image-area{display:grid;grid-template-columns:repeat(2,450px);grid-template-rows:auto;gap:2rem;margin-bottom:5rem;width:100%;height:auto}.image-area img{border-radius:8px;box-shadow:0 0 5px 2px #000;border:2px solid #f3b406}.image-area img:hover{transform:scale(1.02);border:2px solid white;transition:.5s}main{margin:0 auto;flex:1;max-width:1240px;text-align:center;font-family:Arial,sans-serif}main section{justify-content:flex-start;flex-direction:column}main .sass-section{width:90%;max-width:65ch;line-height:1.5;text-align:left;box-shadow:0 0 10px 5px #000;padding:.5rem;margin-top:1rem}main li{margin-bottom:1rem}@media(max-width:950px){.image-area{grid-template-columns:1fr;justify-items:center}#nav-menu{margin-left:auto;margin-right:1rem}#nav-menu ul{gap:.5rem}#nav-menu a{font-size:1rem;color:#000;background-color:#3cc;letter-spacing:.5px}}@media(max-width:768px){h1{font-size:1.5rem}h2{font-size:1em}}@media(max-width:505px){#nav-menu{display:flex;position:fixed;top:0;left:-100;height:100vh;width:100%;z-index:15;transform:translate(100%);transition:left .4s ease-in-out;background-color:#f3b406;margin-right:0;padding:0}}@media(max-width:505px)and (prefers-color-scheme:dark){#nav-menu{background-color:#211e1e}#nav-menu span{color:#fff!important}#nav-menu svg path{fill:#fff}}@media(max-width:505px){#nav-menu.dark{background-color:#211e1e}#nav-menu.show{display:flex;transform:translate(0);left:0;width:100%}#nav-menu.show ul{flex-direction:column;justify-content:flex-start;gap:1rem;margin-left:auto}#nav-menu.show li{width:100%}.image-area img{width:95%;height:auto}main .sass-section{margin-top:5rem}#btn-menu.close{display:none;position:relative}#btn-close{position:absolute;display:none;margin-left:auto}#btn-close.show{display:flex;top:0;right:0}#btn-close.show span{color:#000}}#btn-close,#btn-menu{background:none;border:none;display:flex;flex-direction:column;cursor:pointer;z-index:25;height:50px;padding:4px 8px}@media(prefers-color-scheme:dark){.btn-darkened{background-color:#fff}#btn-menu span{color:#fff!important}#btn-menu svg path{fill:#fff}}#btn-menu{display:none}#btn-menu span{color:#000}#btn-menu.dark span{color:#fff}#btn-menu.dark svg path{fill:#fff}#btn-close.dark span{color:#fff}#btn-close.dark svg path{fill:#fff}#btn-close{display:none}#btn-close span{color:#fff}@media(max-width:505px){#btn-menu{display:flex!important;position:absolute;flex-direction:column;justify-content:center;align-items:center;top:0;right:.5rem;margin-left:auto;z-index:10;transition:.4s ease-out}}.btn-darkened{background-color:#211e1e;color:#fff;border-radius:8px;padding:6px 12px;cursor:pointer;transition:background-color .3s;font-weight:600}.btn-darkened:hover{background-color:#1a6666}.btn-darkened.dark{background-color:#fff;color:#211e1e}.btn-darkened.dark:hover{background-color:#3dcfcf}