#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}@media screen and (max-width: 768px){.centerheader{font-size:80px}}.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%)}@keyframes reelDown{0%{top:-200px}to{top:0}}.reelbutton{width:100%;font-size:100%;border-radius:10px;border-style:double;border-color:#88a6e7;border-width:10px;background:#08257540;box-shadow:8px 8px 16px #041236;height:120px}.reelbutton:hover{background:#020b2240}@keyframes slideIn{0%{right:80vh}to{right:0}}@keyframes slideOut{0%{right:0}to{right:80vh}}.tempbackbutton{width:30%;font-size:100%;border-radius:10px;border-style:double;border-color:#88a6e7;border-width:10px;background:#08257540;box-shadow:8px 8px 16px #041236;position:absolute;left:10px;top:250px;color:#fff}.tempbackbutton:hover{background:#020b2240}.react-toggle{touch-action:pan-x;display:inline-block;position:relative;cursor:pointer;background-color:transparent;border:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.react-toggle-screenreader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;-webkit-transition:opacity .25s;transition:opacity .25s}.react-toggle-track{width:50px;height:24px;padding:0;border-radius:30px;background-color:#4d4d4d;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#000}.react-toggle--checked .react-toggle-track{background-color:#19ab27}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#128d15}.react-toggle-track-check{position:absolute;width:14px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;left:8px;opacity:0;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-check{opacity:1;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;transition:opacity .25s ease}.react-toggle-track-x{position:absolute;width:10px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;right:10px;opacity:1;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{transition:all .5s cubic-bezier(.23,1,.32,1) 0ms;position:absolute;top:1px;left:1px;width:22px;height:22px;border:1px solid #4D4D4D;border-radius:50%;background-color:#fafafa;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;transition:all .25s ease}.react-toggle--checked .react-toggle-thumb{left:27px;border-color:#19ab27}.react-toggle--focus .react-toggle-thumb{-webkit-box-shadow:0px 0px 3px 2px #0099E0;-moz-box-shadow:0px 0px 3px 2px #0099E0;box-shadow:0 0 2px 3px #0099e0}.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb{-webkit-box-shadow:0px 0px 5px 5px #0099E0;-moz-box-shadow:0px 0px 5px 5px #0099E0;box-shadow:0 0 5px 5px #0099e0}.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)}.centerheaderrecipe{text-align:center;font-family:Papyrus;font-size:128px;padding:0;margin-top:-8px;margin-bottom:-8px}@media screen and (max-width: 768px){.centerheaderrecipe{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%}}#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}}