#root{margin:0 auto;padding:0;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif,Anton;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0}@font-face{font-family:Acme;src:local("Acme"),url(https://fonts.googleapis.com/css?family=Acme) format("woff2")}@font-face{font-family:Anton;src:local("Anton"),url(https://fonts.googleapis.com/css?family=Anton) format("woff2")}.centerHeader{pointer-events:none}@media screen and (max-width: 768px){.centerHeader{width:80%}}.tagdLogoBase{pointer-events:none;position:relative;top:0;left:0;width:100%}.tagdLogoSpin{width:100%;pointer-events:none;position:absolute;top:0;left:0;animation:spin 20s linear infinite}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.dc_container{width:100%;overflow:hidden}@media screen and (max-width: 768px){.dc_container{height:auto}}.dc{background-image:url(../assets/projects/dc/dc.png);background-size:2000px;background-repeat:repeat-x;animation:slide 10s linear infinite}@media screen and (max-width: 768px){.dc{background-size:160%}}@keyframes slide{0%{background-position-x:0px}to{background-position-x:-2000px}}.dctext{height:500px}@media screen and (max-width: 768px){.dctext{height:auto;width:80%}}.dcblurbcontainer{display:flex;align-items:center;white-space:pre-wrap}@media screen and (max-width: 768px){.dcblurbcontainer{display:inline-block;width:80%;justify-content:center;align-items:center;justify-self:center;justify-items:center;text-align:center}}.dcblurbcontainer img{height:400px;padding-left:10vw}@media screen and (max-width: 768px){.dcblurbcontainer img{padding-left:0;padding-right:0;max-width:100%;width:100%;height:auto}}.dcblurbcontainer h2{font-weight:700;font-size:64px;float:none;text-align:center;margin-bottom:-20px;padding-left:0vw;padding-right:0vw;text-shadow:gray 4px 4px 4px;font-family:Anton}@media screen and (max-width: 1500px){.dcblurbcontainer h2{line-height:60px}}@media screen and (max-width: 768px){.dcblurbcontainer h2{padding-left:auto;padding-right:auto;line-height:60px}}.dcblurbcontainer p{text-align:left;font-size:40px;padding-left:5vw;padding-right:5vw;font-family:Arial;text-shadow:gray 2px 2px 2px}@media screen and (max-width: 1500px){.dcblurbcontainer p{line-height:30px}}@media screen and (max-width: 768px){.dcblurbcontainer p{padding-left:0;padding-right:0;line-height:40px}}.dcl{float:left;padding-left:10vw}@media screen and (max-width: 768px){.dcl{float:none;padding-left:0}}.dcr{float:right;padding-right:10vw}@media screen and (max-width: 768px){.dcr{float:none;padding-right:0}}.dcr .lblock{padding-left:5vw;padding-right:5vw}.centerheader{text-align:center;font-family:Acme;font-size:128px;padding:0;margin-top:-8px;margin-bottom:-8px}.bigVideo{display:block;margin-left:auto;margin-right:auto;width:50%;aspect-ratio:16/9}@media screen and (max-width: 768px){.bigVideo{width:90%}}h1{color:#000}.projBtn{background-size:cover;background-repeat:no-repeat;background-position:center;width:28vw;height:21vw;border:4px black solid;border-radius:2px;cursor:pointer;filter:brightness(100%);transition:.15s;margin:.75vw;z-index:0}@media screen and (max-width: 768px){.projBtn{width:90vw;height:67.5vw}}.projBtn:hover{filter:brightness(50%);margin:-.25vw;width:30vw;height:22.5vw;z-index:400}@media screen and (max-width: 768px){.projBtn:hover{width:90vw;height:67.5vw;margin:.75vw}}.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.ononoki{min-height:512px;filter:brightness(100%);transition:filter .1s}.ononoki:hover{filter:brightness(60%)}.galleryImg{margin-left:20px;margin-right:20px;width:90%}.contactDiv{border-radius:40px;display:flex;place-content:center;max-height:200px;vertical-align:middle;width:auto;margin:auto;overflow-x:clip}.contactImg{aspect-ratio:auto;max-height:140px;padding:40px}@media screen and (max-width: 768px){.contactImg{max-height:100px}}.contactText{font-size:64px;margin-right:5%}@media screen and (max-width: 768px){.contactText{margin-top:55px;font-size:48px}}.overlayParentDiv{justify-content:center;align-items:center;position:fixed;width:100%;height:100%;left:0;top:0;bottom:0;margin:0;padding:0;z-index:100;overflow-y:scroll;background:#333333b3;animation:divFadeIn .4s linear}.overlayDiv{background-color:gray;border-radius:40px;margin:50px 10%;width:80%;animation:divComeInFromBottom .4s ease-out;overflow:scroll}@media screen and (max-width: 768px){.overlayDiv{border-radius:0;margin:0;width:100%;animation:divComeInFromBottomMobile .4s ease-out}}@keyframes divFadeIn{0%{opacity:0}to{opacity:1}}@keyframes divComeInFromBottom{0%{margin-top:500px}to{margin-top:50px}}@keyframes divComeInFromBottomMobile{0%{margin-top:500px}to{margin-top:0}}.galleryImg{margin:20px;width:75%}.overlayDiv div{align-content:center}.overlayDiv h1{text-shadow:white 4px 4px 4px}@media screen and (max-width: 768px){.overlayDiv h1{font-size:60px}}.overlayDiv h2{font-size:80px;font-family:Acme;margin:0;text-shadow:white 4px 4px 4px}@media screen and (max-width: 768px){.overlayDiv h2{font-size:40px}}.overlayDiv p{font-family:Arial;font-size:30px;line-height:36px;text-align:left;text-shadow:white 2px 2px 6px}.invert{color:#fff}.invert p{text-shadow:black 2px 2px 6px!important}.invert h1{text-shadow:black 2px 2px 6px!important;color:#fff}.invert h2{text-shadow:black 2px 2px 6px!important}.overlayBlurbDiv{display:flex}@media screen and (max-width: 768px){.overlayBlurbDiv{display:inline-block}}.overlayBlurbDivP{width:60%}@media screen and (max-width: 768px){.overlayBlurbDivP{width:90%;margin-left:5%!important}}.exMarg{margin-left:5%}@media screen and (max-width: 768px){.exMarg{margin-left:0}}.overlayBlurbDivImg{width:30%}@media screen and (max-width: 768px){.overlayBlurbDivImg{width:auto}}.overlayVideo{display:block;margin-left:auto;margin-right:auto;width:50%;aspect-ratio:16/9}@media screen and (max-width: 768px){.overlayVideo{width:90%}}.closeButton{display:none;position:fixed;right:0;top:0;margin-right:50px;margin-top:50px;z-index:5000;border-radius:50%;width:15%}@media screen and (max-width: 768px){.closeButton{display:block}}.closeButton:hover{filter:brightness(50%)}p{font-family:Source Code Pro,monospace;font-optical-sizing:auto;font-style:normal;color:#fff}h1{font-family:Source Code Pro,monospace;font-optical-sizing:auto;font-weight:20px;font-style:normal;color:#fff}.recipebutton{margin:1vw;width:10vw;height:100px;background-color:gray;box-shadow:2px 2px 16px #000;background-position:center;background-size:cover;display:inline-block;border-radius:4px;vertical-align:middle}@media screen and (max-width: 768px){.recipebutton{width:40%}}.recipebuttonimage{width:100%;height:100%;color:#fff;font-family:Anton;font-size:large;text-shadow:4px 4px 8px black;background:none;border:0px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-text-stroke:.2px black;border-radius:4px}.recipebuttonimage:hover{-webkit-backdrop-filter:brightness(70%) blur(5px);backdrop-filter:brightness(70%) blur(5px)}.recipecontainer{margin:auto;width:50%;text-align:left;font-size:24px}@media screen and (max-width: 768px){.recipecontainer{width:100%}}@font-face{font-family:Papyrus;src:url(./papyrus-BZ_zjGnR.ttf)}.centerheader{text-align:center;font-family:Papyrus;font-size:128px;padding:0;margin-top:-8px;margin-bottom:-8px}@media screen and (max-width: 768px){.centerheader{font-size:80px}}.recipeimg{object-fit:contain;width:100%;margin-top:20px;margin-bottom:20px;align-items:center;display:block;box-shadow:2px 2px 16px #000;border-radius:8px}@media screen and (max-width: 768px){.recipeimg{width:90%}}b{line-height:5%}#topBtn{display:none;position:fixed;bottom:20px;right:30px;z-index:99;font-size:18px;border:none;outline:none;cursor:pointer;padding:15px;border-radius:4px;margin-bottom:40px;border-color:#000;box-shadow:4px 4px 8px #000}.bottomDiv{height:40px}@media screen and (max-width: 768px){.bottomDiv{height:120px}}