:root{--text-color:#a08c79;--text-highlight:#cabfb4;--bg-color:#181411;--bg2-color:#2a231e;--bg3-color:#54463b;--primary-color:#f3b43f;--secondary-color:#445f44;--secondary-html-color:#8a8;--secondary-accent-color:#2a3c2a;--accent-color:#4d896f;--color-yellow:#f4ca25;--rose-color:#ee4e6a;--text-accent:#f9dbbe;--box-shadow:#00000035;--font-smallest:.75em;--font-small:.875em;--font-normal:1em;--font-big:1.125em;--font-bigger:1.25em;--font-biggest:1.375em;--font-massive:1.75em;--font-signature:var(--font-bigger);--purple-one:#c9a8f5;--purple-two:#9882d3;--purple-three:#8045ba;--tan-green:#c3dac3}.lightmode{--text-color:#86735f;--text-highlight:#4b4035;--bg-color:#eeeae7;--bg2-color:#e1dad5;--bg3-color:#c4b6ab;--primary-color:#c0810c;--secondary-color:#a0bba0;--secondary-html-color:#6a956a;--secondary-accent-color:#c3d5c3;--accent-color:#76b298;--color-yellow:#dab10b;--rose-color:#741c2b;--text-accent:#412406;--box-shadow:#999;--purple-one:#2b0a57;--purple-two:#412c7d;--purple-three:#8042bd;--tan-green:#253c25}*{font-family:var(--font-arimo)}githubstats{width:100%;height:100%;margin-left:20px;display:block}pink{color:#da3853}primary{color:var(--primary-color)}rose{color:var(--rose-color)}secondary{color:var(--secondary-html-color)}accent{color:var(--accent-color)}yellow{color:var(--color-yellow)}*{box-sizing:border-box;user-select:none;transition:background-color .25s ease-in}#welcome{color:var(--primary-color)}h1,h2,h3,h4,p,span,a,li{color:var(--text-color);border:none;margin:0;padding:0;text-decoration:none}a{color:var(--primary-color)}.indent{text-indent:1.5em}body{background-color:var(--bg-color);width:100%;height:100%;margin:0;position:relative}.header{background-color:var(--bg2-color);z-index:1;border-radius:3em;justify-content:space-between;column-gap:100px;width:100%;margin-bottom:2em;padding:1em;display:flex;position:sticky;top:1em}.navigation{flex-direction:row;width:100%;display:flex}#themenav-container{flex-direction:row;justify-content:space-between;width:100%;display:flex}#theme-container,#nav-container{display:flex}nav-container{background-color:var(--secondary-accent-color);border-radius:1em;justify-content:center;margin:0 .5em;padding:.75em 1em;display:flex}.navp{color:var(--text-color);line-height:1em;font-size:var(--font-big);transition:background-color .2s ease-in,color .2s ease-in}.navp.active{pointer-events:none;color:var(--text-highlight);text-decoration:underline}.navp:not(.active):hover{color:var(--text-highlight)}#nav-menu,hamburger-menu,#mobile-nav-header{display:none}.center{flex-direction:column;row-gap:20px;width:65%;height:fit-content;margin:auto;display:flex}.textbox{border-radius:.5em;width:100%;height:fit-content;padding:5% 10%}.textbox h2{font-size:var(--font-massive);width:fit-content;margin-bottom:1em}.textbox h3{color:var(--text-color);font-size:var(--font-biggest);margin-bottom:1em;font-weight:700}.textbox indent{flex-direction:column;margin-left:2.5%;display:flex}.textbox quote{background-color:var(--bg2-color);width:fit-content;box-shadow:0px 4px 8px var(--box-shadow);border-radius:.5em;margin:auto;padding:.3em}quote p{color:var(--text-highlight)!important}.textbox .bsw{box-shadow:0px 4px 8px var(--box-shadow);background-color:var(--bg2-color);border-radius:.5em;width:fit-content;padding:.5em}.textbox p{color:var(--text-color);line-height:25px;font-size:var(--font-big);padding:20px;font-weight:450}.textbox h4{font-size:var(--font-big);margin-bottom:.5em;font-weight:550}footer{border-top:1px solid var(--bg3-color);flex-direction:row;justify-content:space-between;align-items:center;width:100%;min-height:15px;padding-top:10px;padding-bottom:100px;display:flex}signature{font-size:var(--font-signature);color:var(--text-color);font-family:var(--font-indie)}socials{flex-direction:row;column-gap:.5em;display:flex}.social{width:var(--font-normal)}#discord{cursor:copy}alert{text-align:center;background-color:var(--bg-color);width:160px;height:fit-content;color:var(--text-color);font-size:var(--font-smallest);border-radius:.4em;padding:8px;transition:transform .2s ease-in;display:none;position:absolute;bottom:50px;right:0;transform:translate(160px)}alert.out{display:block;transform:translate(0)}.social path{fill:var(--text-color)}.social:hover path{fill:var(--text-highlight)}.clean{appearance:none;background-color:#0000;border:none;outline:none;margin:0;padding:0}.nopadding{padding:0!important}.small{font-size:var(--font-small)}.fwsmall{font-weight:250!important}.col{flex-direction:column;display:flex}.row{flex-direction:row;display:flex}.row-center{flex-direction:row;align-items:center;display:flex}.justCent{justify-content:center}.row-start{flex-direction:row;align-items:start;display:flex}.between{justify-content:space-between}.sticky{background-color:var(--bg-color);position:sticky;top:0;left:0}.hover-accent:hover{color:var(--accent-color);transition:color .15s ease-in}.hover-primary:hover{color:var(--primary-color);transition:color .15s ease-in}.sport-icons{width:40px;height:40px;margin-left:10px}.sport-icons path{fill:var(--text-color)}.buttons{display:none}.buttonLabel{width:fit-content;color:var(--bg-color);background-color:var(--primary-color);border-radius:.75em;margin-left:10%;padding:.6em 3em;transition:transform .2s ease-in,box-shadow .3s ease-in}.buttonLabel:hover{box-shadow:0 20px 80px -10px var(--primary-color);transform:translateY(-4px)}.buttonLabel:active{transform:translateY(0)}.textseparator{padding-bottom:1em;padding-left:2em;padding-right:2em;transition:padding .5s ease-in-out}.textseparator:hover{padding-bottom:0}.textseparator p{padding-top:0;padding-bottom:0;transition:padding .5s ease-in-out}.textseparator:hover p{padding-top:1em;padding-bottom:1em}game-list-wrapper{grid-template-rows:0fr;transition:grid-template-rows .5s;display:grid;overflow:hidden}game-list-wrapper:has(game-list.in){grid-template-rows:1fr}game-list.in{pointer-events:all;opacity:1;transition-delay:.1s}game-list{pointer-events:none;opacity:0;flex-flow:wrap;column-gap:1em;min-height:0;margin-top:2em;padding:0% 10%;transition:all .3s;display:flex}.game{width:600px;margin-bottom:1.5em}.game p{font-size:var(--font-normal);line-height:24px}.one:before{content:"1";color:gold;font-size:4em;font-weight:600}.imageHolder{align-items:center}.two:before{content:"2";color:silver;font-size:3em;font-weight:500}.three:before{content:"3";color:#cd7f32;font-size:3em;font-weight:400}.four:before{content:"4";color:var(--text-color);font-size:2em;font-weight:300}.five:before{content:"5";color:var(--text-color);font-size:2em;font-weight:300}searchbox{border-image:linear-gradient(to left, var(--bg-color), var(--bg3-color), var(--bg-color)) 1;flex-direction:column;justify-content:center;width:80%;height:100px;padding-left:40px;display:flex}.searchbar{background-color:var(--bg2-color);width:400px;height:40px;color:var(--text-highlight);border-radius:50px;padding:10px 10px 10px 1em}#food-search{color:var(--text-highlight);width:100%;font-size:1em}search{border-radius:50px;width:30px;height:30px;padding:5px}search path{stroke:var(--text-color)}tags{flex-flow:wrap;gap:.5em;width:80%;margin-left:10%;padding:0 40px 20px;display:flex}tags tag{transition:background-color .2s ease-in}tags tag:hover,#reset:hover{background-color:var(--bg3-color)}tags tag:active,#reset:active{background-color:var(--bg-color)}tags tag.enabled{background-color:var(--secondary-color)}searchresult{background-color:var(--bg-color);border-radius:.25em;flex-direction:column;width:80%;margin-left:10%;padding:0 40px 20px;display:flex}a:has(article){min-width:0;height:fit-content;max-height:300px;margin-top:1em}article{color:var(--text-color);font-size:var(--font-normal);background-color:var(--bg-color);border-bottom:1px solid;border-image:linear-gradient(to left, var(--bg-color), var(--bg3-color), var(--bg-color)) 1;flex-direction:column;height:150px;padding:.5em .5em 1em;display:flex}a:has(article.out){opacity:0;user-select:none;pointer-events:none;max-height:0;margin:0;padding:0;transition:max-height .25s ease-out .6s;animation:1s forwards fall-out;overflow:hidden}article:hover{border-image:linear-gradient(to left, var(--bg-color), var(--primary-color), var(--bg-color)) 1}article if-title{color:var(--text-highlight);font-size:var(--font-big);font-weight:600;display:block}article if-subtitle{font-weight:300;font-size:var(--font-small);padding-bottom:1em}.starIcon{width:16px}tag :has(.starIcon){flex-direction:row;justify-content:center;align-items:center;display:flex}tag{font-size:var(--font-normal);text-align:center;width:100px;height:36px;color:var(--text-highlight);background-color:var(--bg2-color);border-radius:2em;align-items:center;padding:8px;font-weight:400}.tagContainer{column-gap:1em}location{width:fit-content;height:50px;font-size:var(--font-small);flex-direction:row;align-items:center;column-gap:5px;display:flex}location svg{width:15px;height:15px}location path,location rect{stroke:var(--text-color)!important}header{background-color:var(--bg2-color);border-bottom:2px solid;border-image:linear-gradient(to right, var(--bg3-color), var(--bg-color)) 1;width:100%;height:100px;padding:50px}header h1{margin-left:100px}foodpage .center{width:80%}foodpage .textbox p{font-size:var(--font-bigger);padding-top:1em;padding-bottom:1em}.searchbox-container{flex-direction:row;justify-content:start;align-items:center;column-gap:.5em;display:flex}.back{align-self:start;width:30px;height:20px}.back svg path{fill:var(--text-color)}.back:hover svg path{fill:var(--text-highlight)}.ratingContainer{column-gap:1em}.slide-left{animation:1s ease-out slide-in-left}.slide-right{animation:1s ease-out slide-in-right}.slide-down{animation:1s ease-out slide-in-down}.slide-up{animation:1s ease-out slide-in-up}section,html{scroll-behavior:smooth}.imageContainer{width:600px}.image{max-width:75%;height:auto;display:block}.blogImage{max-width:35%}.aboutImage{width:200px}musiccontainer{width:100%;height:200px;padding:20px}#specialAnchor{background-color:#741c2b;border:2px solid #2a3c2a;border-radius:50%;flex-direction:row;width:fit-content;margin:auto;padding:8px 16px;display:flex}#specialAnchor:hover{background-color:#c53049;border-color:gold!important}#spinAnchor{padding:60px}#spinAnchor:hover #specialAnchor{animation:2s cubic-bezier(.2,.41,.65,-.07) spin}project{border:2px solid var(--bg2-color);border-radius:1em;flex-direction:column;width:95%;height:fit-content;padding:1em 2em;transition:border-color .25s ease-in;display:flex}project:hover{border-color:var(--bg3-color);cursor:grab}project:active{cursor:grabbing}project-content{opacity:0;border-top:2px solid var(--secondary-accent-color);flex-direction:column;row-gap:1em;min-height:0;transition:all .3s;display:flex}project-content-wrapper{grid-template-rows:0fr;transition:grid-template-rows .5s;display:grid;overflow:hidden}project.out project-content{opacity:1;margin-top:1em;padding-top:1em;transition-delay:.1s;display:flex}project.out project-content-wrapper{grid-template-rows:1fr}project.out project-expand{animation:.5s forwards project-expand-cw}project.out{border-color:var(--accent-color)}project.in project-expand{animation:.5s forwards project-expand-ccw}project.in project-content{opacity:0;margin-top:0;padding-top:0}.blob{background-color:var(--bg2-color);font-size:var(--font-small);color:var(--text-highlight);border-radius:.25em;width:fit-content;height:fit-content;padding:.25em .5em;line-height:1.25em}.link-container{background-color:var(--bg2-color);border-radius:2em;flex-direction:row;align-items:center;padding:.5em;transition:background-color .3s ease-in;display:flex}.link-container:hover{background-color:var(--secondary-color);cursor:pointer}@keyframes project-content-show{0%{opacity:0;display:flex}to{opacity:1;display:flex}}@keyframes project-content-hide{0%{opacity:1}to{opacity:0}}@keyframes project-expand{0%{height:20vh}to{height:80vh;padding-top:2em}}@keyframes project-shrink{0%{height:80vh;padding-top:2em}to{height:20vh}}@keyframes project-expand-cw{0%{transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes project-expand-ccw{0%{transform:rotate(90deg)}to{transform:rotate(0)}}@keyframes project-expand-jump{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}project-row{flex-direction:row;justify-content:space-between;padding-bottom:1em;display:flex}project-title{font-size:var(--font-biggest);color:var(--text-color);padding-right:4px}project-expand{color:var(--primary-color)}project-description{font-size:var(--font-normal);color:var(--text-color)}project-content p{font-size:var(--font-normal)}@keyframes spin{0%{}to{transform:rotate(360deg)}}@media only screen and (width<=800px){:root{--font-smallest:.45em;--font-small:.8em;--font-normal:.875em;--font-big:1em;--font-bigger:1.125em;--font-biggest:1.25em;--font-massive:1.5em;--font-signature:var(--font-normal)}.textseparator{padding-bottom:1em;padding-left:1em;padding-right:1em;transition:padding .5s ease-in-out}#insertSearchTags,#reset{display:none}#logo{width:125px;height:125px;margin-top:2em}githubstats,#githubstats{display:none}musiccontainer{padding:0}quote{margin:0 0 0 18px!important}quote p{padding:5px!important}.imageContainer{width:400px}.image{max-width:75%;height:auto;display:block}.aboutImage{width:100px}searchbox{width:100%;padding:0}.searchbar{width:100%}searchresult{row-gap:0;width:100%;margin-left:0;padding:0}searchresult a{height:fit-content;max-height:300px}article{row-gap:2px;padding:0}article .row-center.between{flex-direction:column}article .tagContainer{justify-content:center}if-subtitle{text-align:center}article location{height:30px}tag{font-size:var(--font-small);min-width:60px;height:26px;padding:4px}header h1{margin-left:10px;margin-right:5px;font-size:.75em}.sticky{top:0}foodpage .reviewDataContainer{flex-direction:column;align-items:center;margin-top:1em;padding-bottom:.5em}foodpage .reviewDataContainer h3{align-self:center!important}foodpage .tagContainer{height:30px!important}foodpage .textbox p{font-size:var(--font-big)}.back{align-self:center;width:30px}.header{flex-direction:column;justify-content:space-between;align-items:center;transition:border-radius .5s ease-out;display:flex}.header:has(hamburger-menu.out){border-radius:2em}.header nav-container{display:none}.navigation{flex-direction:row;justify-content:space-between;width:100%}#nav-menu{padding-left:1em;display:flex}#nav-menu svg{flex-direction:row;align-self:end;display:flex}#mobile-nav-header{color:var(--primary-color);float:left;text-wrap-mode:nowrap;align-self:center;min-width:100px;margin-left:2em;display:block}hamburger-menu{background-color:var(--bg2-color);width:0;height:0;display:flex}hamburger-menu .navp{visibility:hidden;width:0;height:0}hamburger-menu .navp-container{display:none}hamburger-menu p{pointer-events:none;display:none}.navp-container{user-select:none;background-color:var(--secondary-accent-color);border-radius:1em;flex-direction:row;justify-content:center;width:fit-content;margin:0 .5em;padding:.75em 1em;animation:.3s ease-in .4s forwards fade-in-p}hamburger-menu .hamburger-container{border-top:var(--primary-color) 2px solid;user-select:none;row-gap:.5em;padding-top:1em;animation:.3s ease-out forwards width-full}hamburger-menu.out{height:fit-content;animation:.4s ease-out forwards slide-out;display:flex}hamburger-menu.out .navp-container{opacity:0;display:flex}hamburger-menu.out .navp{width:fit-content;height:fit-content;animation:.3s ease-in .4s forwards fade-in-navp}hamburger-menu.out p{opacity:0;flex-direction:row;align-items:center;width:fit-content;height:30px;animation:.3s ease-in .4s forwards fade-in-p;display:flex}hamburger-menu.in{height:0;padding:1em;animation:.6s ease-in forwards slide-in}hamburger-menu.in .navp{height:0;display:none}hamburger svg path{stroke:var(--text-highlight)}.navp{text-wrap-mode:nowrap;width:fit-content;height:fit-content}.textbox{width:100%;height:fit-content;padding:.5em}.center{align-items:center;width:85%}.imageHolder.one{width:75%!important}.blogImage{max-width:70%}.buttonLabel{margin-left:0}.game{width:100%}.game p{font-size:var(--font-small);line-height:18px}tags{flex-wrap:wrap;justify-content:center;gap:1em;width:100%;margin-left:0%;padding:0}tags tag{transition:background-color .2s ease-in}#specialAnchor{width:fit-content;font-size:var(--font-normal);background-color:#741c2b;border:2px solid #2a3c2a;border-radius:50%;flex-direction:row;margin:auto;padding:8px 16px;display:flex}#spinAnchor{padding:20px}@keyframes project-expand{0%{height:50vh}to{height:100vh}}@keyframes project-shrink{0%{height:50vh}to{height:calc(200px - 2em)}}@keyframes width-full{0%{width:0%}to{width:100%}}@keyframes slide-out{0%{width:0%;height:0;padding:0}to{width:100%;height:350px;padding:1em}}@keyframes slide-in{0%{width:100%;height:350px;padding:1em}to{width:0;height:0;padding:0}}@keyframes fade-in-navp{0%{visibility:hidden}to{visibility:visible;height:auto}}@keyframes fade-in-p{0%{opacity:0}to{opacity:1;display:flex!important}}}@keyframes fall-out{0%{opacity:1;margin-top:1em;transform:translate(0)}60%{opacity:0;margin-top:1em}to{opacity:0;margin-top:0;display:none;transform:translate(60vw)}}