@import url(https://googleapis.com);@import url(https://fonts.googleapis.com/css?family=Cambay:400);@import url(https://fonts.googleapis.com/css2?family=Rubik+Dirt&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{margin:0;overflow:hidden}#bg{background:#000;height:100vh;position:relative;width:100vw}.dark,.light{aspect-ratio:16/9;background:url(/static/media/light%20monster.0e787ee3b0cf9c45abb2.webp);background-position-x:calc(50vw - 88.88889vh);background-repeat:no-repeat;background-size:auto 100vh;height:100%;pointer-events:none;width:100%}.dark{background-image:url(/static/media/dark%20monster.144d58e68e8421cdf5bd.webp)}#drawing{cursor:url(/static/media/paint%20brush.332d71dea6771293bbfd.webp),pointer;left:0;position:absolute;top:0}.drawOnMe{color:#fff;font-size:5vmin;left:20vh;opacity:0;pointer-events:none;position:absolute;rotate:-45deg;text-shadow:0 0 35px #fff,0 0 20px #fff;top:20vh}.drawOnMe,.opacity{transition:opacity 1s}.opacity{opacity:1}#monsterMenu{background:#fff;border-radius:5px;cursor:pointer;display:inline-block;font-size:40px;height:40px;line-height:30px;position:fixed;right:10px;top:10px;width:40px;z-index:10;ul.open{-webkit-margin-before:20px;height:auto;margin-block-start:20px;right:10px;visibility:visible;width:150px}ul.closed,ul.open{position:fixed;transition:all .2s}ul.closed{-webkit-margin-before:-35px;height:40px;margin-block-start:-35px;opacity:0;overflow:clip;right:0;scale:.5;visibility:hidden;width:40px}li{background:#fff;border:1px solid #000;font-size:15px;height:35px;line-height:35px;list-style-type:none;padding-left:10px;position:relative;text-align:left}a:first-child li{border-radius:10px 10px 0 0}a:last-child li{border-radius:0 0 10px 10px}a{text-decoration:none}}@font-face{font-family:monster;src:url(/static/media/Providence%20Sans%20Regular.4f39e567322cb4712a4e.ttf)}@font-face{font-family:monsterBold;src:url(/static/media/Providence%20Sans%20Bold.10680d3c3f3edfe52752.otf)}@font-face{font-family:fredericka;src:url(/static/media/FrederickatheGreat-Regular.69cef5dc99024da59d1e.ttf)}@font-face{font-family:rowdy;src:url(/static/media/Rowdies-Light.c12cb05e52524e077fcf.ttf)}@font-face{font-family:flavour;src:url(/static/media/Flavors-Regular.c7873ceb7d842af4f520.ttf)}@font-face{font-family:wetPaint;src:url(/static/media/RubikWetPaint-Regular.3c66e80f2d525cb3e6d0.ttf)}@font-face{font-family:rubikBlack;src:url(/static/media/Rubik-Black.1e5f6f2bdc554c038fae.ttf)}#home{background:#000;height:550vh}.canLink{display:block;height:calc(max(100vw, 100vh)/30);position:absolute;width:calc(max(100vw, 100vh)/30)}#contact{background:#000;color:#5dd;cursor:none;left:0;margin:0;position:absolute;top:550vh}.webdesignlink{color:blue;text-decoration:underline}#gallery{height:350vh;left:0;position:relative;width:100vw}.gallery{--pathBoth:polygon(0% 0%,100% 0%,100% 0%,100% 0.585%,100% 2.231%,100% 4.769%,100% 8.033%,100% 11.856%,100% 16.071%,100% 20.512%,100% 25.011%,100% 29.403%,100% 33.519%,100% 33.519%,99.753% 37.182%,99.084% 40.407%,98.098% 43.315%,96.9% 46.025%,95.597% 48.658%,94.294% 51.335%,93.096% 54.175%,92.11% 57.3%,91.441% 60.83%,91.194% 64.884%,91.194% 64.884%,91.441% 69.078%,92.11% 72.981%,93.096% 76.644%,94.294% 80.12%,95.597% 83.463%,96.9% 86.724%,98.098% 89.955%,99.084% 93.21%,99.753% 96.541%,100% 100%,0% 100%,0% 100%,0% 99.44%,0% 97.856%,0% 95.388%,0% 92.178%,0% 88.368%,0% 84.1%,0% 79.515%,0% 74.756%,0% 69.963%,0% 65.278%,0% 65.278%,0.233% 61.188%,0.866% 57.917%,1.8% 55.217%,2.933% 52.837%,4.166% 50.527%,5.399% 48.038%,6.532% 45.119%,7.465% 41.52%,8.098% 36.993%,8.331% 31.286%,8.331% 31.286%,8.098% 25.534%,7.465% 20.9%,6.532% 17.185%,5.399% 14.188%,4.166% 11.706%,2.933% 9.539%,1.8% 7.486%,0.866% 5.346%,0.233% 2.918%,0% 0%);--pathLeft:polygon(0% 0%,100% 0%,100% 0%,100% 0.585%,100% 2.231%,100% 4.769%,100% 8.033%,100% 11.856%,100% 16.071%,100% 20.512%,100% 25.011%,100% 29.403%,100% 33.519%,100% 33.519%,100% 37.176%,100% 40.387%,100% 43.272%,100% 45.955%,100% 48.559%,100% 51.206%,100% 54.019%,100% 57.122%,100% 60.636%,100% 64.685%,100% 64.685%,100% 68.885%,100% 72.802%,100% 76.488%,100% 79.991%,100% 83.363%,100% 86.654%,100% 89.912%,100% 93.19%,100% 96.535%,100% 100%,0% 100%,0% 100%,0% 99.44%,0% 97.856%,0% 95.388%,0% 92.178%,0% 88.368%,0% 84.1%,0% 79.515%,0% 74.756%,0% 69.963%,0% 65.278%,0% 65.278%,0.233% 61.188%,0.866% 57.917%,1.8% 55.217%,2.933% 52.837%,4.166% 50.527%,5.399% 48.038%,6.532% 45.119%,7.465% 41.52%,8.098% 36.993%,8.331% 31.286%,8.331% 31.286%,8.098% 25.534%,7.465% 20.9%,6.532% 17.185%,5.399% 14.188%,4.166% 11.706%,2.933% 9.539%,1.8% 7.486%,0.866% 5.346%,0.233% 2.918%,0% 0%);--pathRight:polygon(0% 0%,100% 0%,100% 0%,100% 0.585%,100% 2.231%,100% 4.769%,100% 8.033%,100% 11.856%,100% 16.071%,100% 20.512%,100% 25.011%,100% 29.403%,100% 33.519%,100% 33.519%,99.753% 37.182%,99.084% 40.407%,98.098% 43.315%,96.9% 46.025%,95.597% 48.658%,94.294% 51.335%,93.096% 54.175%,92.11% 57.3%,91.441% 60.83%,91.194% 64.884%,91.194% 64.884%,91.441% 69.078%,92.11% 72.981%,93.096% 76.644%,94.294% 80.12%,95.597% 83.463%,96.9% 86.724%,98.098% 89.955%,99.084% 93.21%,99.753% 96.541%,100% 100%,0% 100%,0% 100%,0% 99.44%,0% 97.856%,0% 95.388%,0% 92.178%,0% 88.368%,0% 84.1%,0% 79.515%,0% 74.756%,0% 69.963%,0% 65.278%,0% 65.278%,0% 61.188%,0% 57.917%,0% 55.217%,0% 52.837%,0% 50.527%,0% 48.038%,0% 45.119%,0% 41.52%,0% 36.993%,0% 31.286%,0% 31.286%,0% 25.534%,0% 20.9%,0% 17.185%,0% 14.188%,0% 11.706%,0% 9.539%,0% 7.486%,0% 5.346%,0% 2.918%,0% 0%);--pathNone:polygon(0% 0%,100% 0%,100% 0%,100% 0.585%,100% 2.231%,100% 4.769%,100% 8.033%,100% 11.856%,100% 16.071%,100% 20.512%,100% 25.011%,100% 29.403%,100% 33.519%,100% 33.519%,100% 37.182%,100% 40.407%,100% 43.315%,100% 46.025%,100% 48.658%,100% 51.335%,100% 54.175%,100% 57.3%,100% 60.83%,100% 64.884%,100% 64.884%,100% 69.078%,100% 72.981%,100% 76.644%,100% 80.12%,100% 83.463%,100% 86.724%,100% 89.955%,100% 93.21%,100% 96.541%,100% 100%,0% 100%,0% 100%,0% 99.44%,0% 97.856%,0% 95.388%,0% 92.178%,0% 88.368%,0% 84.1%,0% 79.515%,0% 74.756%,0% 69.963%,0% 65.278%,0% 65.278%,0% 61.188%,0% 57.917%,0% 55.217%,0% 52.837%,0% 50.527%,0% 48.038%,0% 45.119%,0% 41.52%,0% 36.993%,0% 31.286%,0% 31.286%,0% 25.534%,0% 20.9%,0% 17.185%,0% 14.188%,0% 11.706%,0% 9.539%,0% 7.486%,0% 5.346%,0% 2.918%,0% 0%);animation:gallery 1s linear paused;animation-delay:calc(var(--scroll)*.5s);height:100vh;position:absolute;width:var(--width-minus-scrollbar);z-index:1}@keyframes gallery{0%,7.5%{-webkit-clip-path:var(--pathNone);clip-path:var(--pathNone)}15%,40%{-webkit-clip-path:var(--pathRight);clip-path:var(--pathRight)}46%,53%{-webkit-clip-path:var(--pathBoth);clip-path:var(--pathBoth)}60%,82%{-webkit-clip-path:var(--pathLeft);clip-path:var(--pathLeft)}88%{-webkit-clip-path:var(--pathNone);clip-path:var(--pathNone)}}.picCon{left:0;perspective:1700px;perspective-origin:50vw 40vh;position:-webkit-sticky;position:sticky;top:0}.galSpin{animation:spin 1s linear paused;animation-delay:calc(var(--scroll)*1.1s + var(--index)/5);left:49.5vw;position:relative;top:65vh;transform-style:preserve-3d;width:0}@keyframes spin{17%{z-index:0}17.1%{z-index:1}81%{z-index:1}81.1%{z-index:0}0%{top:60vh}to{top:8vh}0%{transform:rotateY(-65deg)}to{transform:rotateY(-300deg)}}.galPic,.galText{background-color:#b9b974;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:10px;height:200px;left:-150px;perspective:1260px;position:absolute;rotate:-10deg 0 0;transform:translateZ(-43vw) rotateY(180deg);width:300px}.galSpin:nth-child(4) .galPic{background-image:url(/static/media/Trim1.3405bbe9ff088b4cc3a0.webp);background-size:cover}.galSpin:nth-child(5) .galPic{background-image:url(/static/media/Trim2.36c0a87bdb7e05290f75.webp);background-size:cover}.galSpin:nth-child(6) .galPic{background-image:url(/static/media/Bull.4af090581918e6e67eb3.webp)}.galText{animation:popUp 1s linear paused;animation-delay:calc(var(--scroll)*1.1s + var(--index)/5);background-color:#7b6246;box-sizing:border-box;left:-140px;padding-top:13px;width:280px;z-index:-1}@keyframes popUp{35%,65%{transform:translateZ(-43vw) rotateY(180deg)}40%,60%{transform:translate3D(0,-50px,-43vw) rotateY(180deg)}}.galBot,.galTop{background:#fff5;border-radius:5px;box-shadow:0 0 10px #fffd;font-size:2vw;padding:5px;position:absolute;white-space:pre-line;z-index:1}.galTop{animation:topSquish 1s linear paused;animation-delay:calc(var(--scroll)*.5s);left:2vw;top:23vh;transform-origin:105%}.galBot{animation:botSquish 1s linear paused;animation-delay:calc(var(--scroll)*.5s);right:3vw;top:61vh;transform-origin:-5%}@keyframes topSquish{40%,88%{transform:scaleX(1)}46%,82%{transform:scaleX(.85)}}@keyframes botSquish{60%,7.5%{transform:scaleX(1)}15%,53%{transform:scaleX(.81)}}.gallery div{animation-delay:calc(var(--scroll)*.5s);height:15vh;perspective:66vh;position:absolute;width:calc(var(--width-minus-scrollbar)/2)}.gallery,.gallery div div{aspect-ratio:auto;background-image:url(/static/media/river.52f7668c5548c4e2ca65.webp);background-size:auto 100vh}.gallery{--timing1:cubic-bezier(0.68,0.26,0.83,0.67);--timing2:cubic-bezier(0.48,0.36,0.68,0.49);--timing3:cubic-bezier(0.71,0.09,0.83,0.44);--timing4:cubic-bezier(0.54,0.33,0.77,0.47);--timing5:cubic-bezier(0.01,0.01,0.47,0.71);--timing6:cubic-bezier(0.49,0.18,0.84,0.66);filter:contrast(.5)}.galbendcont1{perspective-origin:100% 0;top:10vh}.galbend1{animation:galbend1 linear 1s paused,galscale1 var(--timing1) 1s paused;background-position:0 -10vh;transform-origin:top right}.galbend2{animation:galbend2 1s linear paused;background-position:0 -25vh;top:25vh;transform-origin:right}.galbendcont3{perspective-origin:100% 0;top:40vh}.galbend3{animation:galbend3 var(--timing2) 1s paused,galscale3 var(--timing3) 1s paused;background-position:0 -40vh;transform-origin:bottom right}.galbendcont4,.galbendcont5,.galbendcont6{right:0}.galbendcont4{perspective-origin:0 0;top:45vh}.galbend4{animation:galbend4 linear 1s paused,galscale4 var(--timing4) 1s paused;background-position:calc(var(--width-minus-scrollbar)/-2) -45vh;transform-origin:top left}.galbend5{animation:galbend5 var(--timing5) 1s paused;background-position:calc(var(--width-minus-scrollbar)/-2) -60vh;top:60vh;transform-origin:left}.galbendcont6{perspective-origin:0 100%;top:75vh}.galbend6{animation:galbend6 linear 1s paused,galscale6 var(--timing6) 1s paused;background-position:calc(var(--width-minus-scrollbar)/-2) -75vh;transform-origin:bottom left}@keyframes galbend1{40%,88%{transform:none}46%,82%{transform:rotateX(-45deg)}}@keyframes galscale1{40%,88%{scale:100% 100%}46%,82%{scale:100% 166%}}@keyframes galbend2{40%,88%{transform:none}46%,82%{transform:scaleX(86.5%)}}@keyframes galbend3{40%,88%{transform:none}46%,82%{transform:rotateX(45deg)}}@keyframes galscale3{40%,88%{scale:100% 100%}46%,82%{scale:100% 143%}}@keyframes galbend4{60%,7.5%{transform:none}15%,53%{transform:rotateX(-45deg)}}@keyframes galscale4{60%,7.5%{scale:100% 100%}15%,53%{scale:100% 165%}}@keyframes galbend5{60%,7.5%{transform:none}15%,53%{transform:scaleX(86.5%)}}@keyframes galbend6{60%,7.5%{transform:none}15%,53%{transform:rotateX(45deg)}}@keyframes galscale6{60%,7.5%{scale:100% 100%}15%,53%{scale:100% 166%}}html:has(#WebDesign){--bg:#708a33;--dg:#133f20;background-color:var(--bg)}#WebDesign{--light:url(/static/media/light%20logo.f554640794e3c34608c5.webp);--dark:url(/static/media/dark%20logo.86e5e59ec8572b534dcd.webp);--wave:shape(evenodd from 100% -1%,line to 66.67% -1%,curve to 0% 50% with 66.67% 25%/0% 25%,curve to 66.67% 101% with 0% 75%/66.666667% 75%,line to 100% 101%,close);height:600vh;section{box-sizing:border-box;height:100vh;left:0;position:fixed;top:0;transition:top .4s,left .6s;width:100vw;&.up{top:-100vh}&.mid{top:0}&.low{top:100vh}&.left{left:-110vw;top:0}&.right{left:100vw;top:0}}.title{display:grid;grid-template-columns:1fr 2fr;padding:5vh 5% 0;top:0}.spotLight{background:radial-gradient(circle at 6vw 6vw,#fff6 3vw,#0000 6vw);height:12vw;left:0;position:fixed;top:0;transform:translate(var(--x),var(--y));width:12vw}.titleLeft{cursor:none;margin-bottom:auto;margin-top:auto;max-height:100%;max-width:100%}.logo,.logoCover{aspect-ratio:655/777;background-image:var(--light);background-position-x:50%;background-repeat:no-repeat;background-size:80% auto;height:125%;margin:auto;max-width:100%}.logoCover{--x:-100%;--y:-100%;background-clip:content-box;background-image:var(--dark);background-position-y:2vw;border-radius:6vw;filter:drop-shadow(0 0 .1vw #000) drop-shadow(.6vw .4vw .2vw #000);-webkit-mask:radial-gradient(circle at var(--x) var(--y),#000 3vw,#0000 6vw);mask:radial-gradient(circle at var(--x) var(--y),#000 3vw,#0000 6vw);top:-2vw}.logoCover,.titleText{position:relative}.titleText{bottom:3vw;font-family:monster;font-size:6vw;height:12vw;margin:auto;text-shadow:.3vw .2vw .2vw #0005;width:100%;div{height:16vw;position:absolute;top:-7vw;width:100%}p{margin:-4vw;top:6vw}span{animation:wave 4s ease-in-out infinite;animation-delay:calc(var(--d)/7);display:inline-block}p:nth-child(2) span{animation-name:wave2}}.tt2{--x:-100%;--y:-100%;color:#09c209;-webkit-mask:radial-gradient(circle at var(--x) var(--y),#000 3vw,#0000 5vw);mask:radial-gradient(circle at var(--x) var(--y),#000 3vw,#0000 5vw);text-shadow:0 0 .5vw #09c209,0 0 1vw #09c209,0 0 1vw #09c209}.titleRight{display:grid;grid-template-rows:1fr .5fr}.rightHeading{color:var(--dg);font-family:wetPaint;font-size:4.5vw;height:14vw;margin:auto;text-shadow:.3vw .2vw .2vw #0005;transform:rotate(0deg);transform:translateY(2vw);p{margin:0}.rh2{color:#0000;font-family:rubikBlack;height:100%;left:0;position:absolute;text-shadow:0 0 .1vw var(--dg),0 0 .2vw #000;top:0;width:100%}}.cta{background:#133f20;border-radius:2vw;filter:url(#goo);margin:auto;padding:2.4% 2.7% 1.5% .1%;position:relative;top:-30%;canvas{height:400%;left:-50%;position:absolute;top:-120%;width:200%}a{background:#133f20;border-radius:2vw;box-shadow:0 0 0 .2vw var(--dg);color:#598a55;font-family:flavour;font-size:3vw;line-height:1vw;padding:1.6% 7.6% 3% 6%;position:relative;text-decoration:none;text-shadow:.075vw .05vw #80b17b;transition:color .5s;white-space:nowrap;z-index:1;&:focus,&:hover{color:#baeeb4}&:focus{border-left:2px dashed var(--bg);border-right:2px dashed var(--bg);border-top:2px dashed var(--bg);outline:none}}}.why{.bubble{align-items:center;border-radius:50%;display:flex;height:8vw;left:0;outline:2px dashed #0000;outline-offset:-3px;position:absolute;top:0;transition:outline .5s;width:8vw;z-index:1;&.header1,&.header2{flex-flow:column}&.header1{height:12.5vw;left:1vw;top:1.95122vh;width:25vw}&.header2{height:18.5vw;left:55vw;top:.97561vh;width:37vw}&:before{background:radial-gradient(ellipse at 50% 50%,var(--bg) 0,#0000 70%);border-radius:50%;content:"";height:100%;opacity:0;position:absolute;transition:.5s;width:100%;z-index:-1}&:has(:focus-visible){outline:dashed 2px var(--bg)}&:has(summary:hover):before,&[open]:before{opacity:1}}summary{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;list-style:none;padding:0 8px;width:100%;&:focus{outline:none}}.detText{border-radius:20px;box-sizing:initial;height:21vh;left:27vw;outline-offset:-2px;padding:2vw;position:fixed;top:104vh;transition:top var(--top),left .6s,content-visibility 1s ease allow-discrete;visibility:visible;width:28vw}details::details-content{color:var(--dg);content-visibility:visible;opacity:0;pointer-events:none;transition:all 1s ease,content-visibility allow-discrete 1s ease}&.mid:has(details[open]) .detText{top:44vh}&.low:has(details[open]) .detText{top:144vh}&.left:has(details[open]) .detText{left:-83vw;top:44vh}details[open]::details-content{color:#000;opacity:1;pointer-events:all}.whyFilter{filter:url(#goo2);height:102.5%;left:-2.5%;position:absolute;width:105%;canvas{height:100%;width:100%}.gooFall{bottom:0;height:210%;position:absolute;right:-20px;width:20%}}h2{margin-bottom:0;margin-top:2vw}p{padding:0 45px}}.about{background-color:#bece98;height:50vh}.aboutPic{background:url(/static/media/me.8227a83bd7a77468b617.webp);background-size:cover;bottom:0;height:200px;position:absolute;width:300px}.contact{background-color:#92bd2d;height:50vh;transform:translateY(50vh)}}@keyframes wave{0%,20%{transform:translateY(0)}10%{transform:translateY(-30%)}}@keyframes wave2{0%,20%{transform:translateY(0)}10%{transform:translateY(30%)}}.cubeBody{--color1:#5f6f3a;--color2:#8e7d69;--color3:#d8af7f;--color4:#f5e1b9;background:#000;height:100%;width:100%}.cubeParent div{box-sizing:border-box;height:60px;width:60px}div.cubeGrid,div.cubeParent{box-sizing:initial;height:180px;position:absolute;width:180px}.cubeParent{left:calc(50% - 90px);perspective:600px;top:calc(50% - 90px)}.cubeGrid{display:flex;flex-wrap:wrap}.cube{animation-name:roll;animation-timing-function:ease-in;border:0;position:relative;transform:translateZ(30px);transform-style:preserve-3d}.cube,.cubeGrid div{animation-duration:5s;animation-iteration-count:infinite}.cubeGrid div{animation-timing-function:ease-out}.cube div{border:3px solid #000;position:absolute}.cube1{background:var(--color1)}.cube2{background:var(--color2)}.cube3{background:var(--color3)}.cube4{background:#224522}.cube5{background:#ecb95a}.cube6{background:var(--color4)}.cube1{transform:rotateY(0deg) translateZ(30px)}.cube2{transform:rotateY(90deg) translateZ(30px)}.cube3{transform:rotateY(180deg) translateZ(30px)}.cube4{transform:rotateY(-90deg) translateZ(30px)}.cube5{transform:rotateX(90deg) translateZ(30px)}.cube6{transform:rotateX(-90deg) translateZ(30px)}.cubeGrid div:first-child{animation-name:roll1}.cubeGrid div:nth-child(2){animation-name:roll2}.cubeGrid div:nth-child(3){animation-name:roll3}.cubeGrid div:nth-child(4){animation-name:roll4}.cubeGrid div:nth-child(6){animation-name:roll6}.cubeGrid div:nth-child(7){animation-name:roll7}.cubeGrid div:nth-child(8){animation-name:roll8}.cubeGrid div:nth-child(9){animation-name:roll9}@keyframes roll{0%,2.5%{transform:translateZ(30px) translateX(0) translateY(0) rotateY(0deg) rotateX(0deg)}12.5%,15%{transform:translateZ(30px) translateX(60px) translateY(0) rotateY(90deg) rotateX(0deg)}25%,27.5%{transform:translateZ(30px) translateX(120px) translateY(0) rotateY(180deg) rotateX(0deg)}37.5%,40%{transform:translateZ(30px) translateX(120px) translateY(60px) rotateY(180deg) rotateX(90deg)}50%,52.5%{transform:translateZ(30px) translateX(120px) translateY(120px) rotateY(180deg) rotateX(180deg)}62.5%,65%{transform:translateZ(30px) translateX(60px) translateY(120px) rotateY(90deg) rotateX(180deg)}75%,77.5%{transform:translateZ(30px) translateX(0) translateY(120px) rotateY(0deg) rotateX(180deg)}87.5%,90%{transform:translateZ(30px) translateX(0) translateY(60px) rotateY(0deg) rotateX(270deg)}to{transform:translateZ(30px) translateX(0) translateY(0) rotateY(0deg) rotateX(1turn)}}@keyframes roll1{0%{background:var(--color3);box-shadow:0 0 15px 10px var(--color3)}5%,to{box-shadow:0 0 0 0 var(--color3)}37.5%,to{background:none}}@keyframes roll2{12.5%{background:var(--color2);box-shadow:0 0 15px 10px var(--color2)}12.4%,17.5%{box-shadow:0 0 0 0 var(--color2)}12.4%,50%{background:none}}@keyframes roll3{25%{background:var(--color1);box-shadow:0 0 15px 10px var(--color1)}24.9%,30%{box-shadow:0 0 0 0 var(--color1)}24.9%,62.5%{background:none}}@keyframes roll6{37.5%{background:var(--color4);box-shadow:0 0 15px 10px var(--color4)}37.4%,42.5%{box-shadow:0 0 0 0 var(--color4)}37.4%,75%{background:none}}@keyframes roll9{50%{background:var(--color3);box-shadow:0 0 15px 10px var(--color3)}49.9%,55%{box-shadow:0 0 0 0 var(--color3)}49.9%,87.5%{background:none}}@keyframes roll8{62.5%{background:var(--color2);box-shadow:0 0 15px 10px var(--color2)}62.4%,67.5%{box-shadow:0 0 0 0 var(--color2)}62.4%,to{background:none}}@keyframes roll7{75%{background:var(--color1);box-shadow:0 0 15px 10px var(--color1)}74.9%,80%{box-shadow:0 0 0 0 var(--color1)}0%,to{background:#60703b1a}12.5%,74.9%{background:none}}@keyframes roll4{87.5%{background:var(--color4);box-shadow:0 0 15px 10px var(--color4)}87.4%,92.5%{box-shadow:0 0 0 0 var(--color4)}0%,to{background:#f5e1b9a8}25%,87.4%{background:none}}#cont{align-items:center;display:grid;grid-template-areas:"a1 a2 a3 a4 a5 a6 a7";grid-template-columns:repeat(7,1fr);grid-template-rows:auto;height:50%;left:-25vw;position:absolute;width:150vw}.backGround{bottom:0;height:100%;left:-1%;overflow:hidden;position:absolute;transition:1s;width:102%;z-index:1}.PTbgOp0{opacity:0;transition:1s}.PTbgOp1{opacity:1}.PTbgOp1,.b1,.b2,.b3,.b4,.b5,.b6,.b7{transition:1s}#cont .item:has([type=radio]:checked+.PTc.card){left:calc(39.28571vw - var(--scrollbar-width)*2);overflow:visible;top:0;transform:rotate(30deg);transition:left 2s,transform 2s}@media only screen and (max-width:800px){#cont{left:-50vw;width:200vw}#cont .item:has([type=radio]:checked+.PTc.card){left:calc(35.71429vw - var(--scrollbar-width)*2)}}@media only screen and (max-width:500px){#cont{left:-75vw;width:250vw}#cont .item:has([type=radio]:checked+.PTc.card){left:calc(32.14286vw - var(--scrollbar-width)*2)}}#cont:has([type=radio]:checked) .item:has([type=radio]){overflow:hidden;pointer-events:none;transition:overflow 2s}#cont:has([type=radio]:checked) .item:has([type=radio]) .card{top:-50%}.item{align-items:center;box-sizing:initial;display:flex;flex-grow:1;height:100%;justify-content:center;left:0;perspective:400px;position:relative;transition:all 2s;z-index:1}[type=radio]{height:0;opacity:0;position:absolute;width:0}.card{-webkit-background-clip:text;background-clip:text;border-radius:5px;box-shadow:10px 15px 15px 0 #00000080;box-sizing:border-box;cursor:pointer;height:80%;left:5%;overflow:hidden;pointer-events:all;position:absolute;top:10%;transition:all 1s,transform 1s;width:90%;z-index:1}.card:hover{box-shadow:15px 20px 20px 0 #00000080;height:90%;left:0;top:5%;transition:all 1s,transform 0s;width:100%;z-index:2}.item:has(.card:hover){z-index:2}.card:active{animation-delay:cursor .5s;cursor:grabbing}[type=radio]:checked+.card{border-radius:20px;box-shadow:15px 20px 20px 0 #00000080;height:120%;left:-50%;top:-50%;width:150%;z-index:3}.item:has([type=radio]:checked+.card){perspective:800px;z-index:3}.cardDesc{color:#fff;height:100%;overflow:hidden;position:absolute;text-shadow:2px 2px 7px #000,-2px -2px 7px #000,-2px 2px 7px #000,2px -2px 7px #000;top:0;-webkit-user-select:none;user-select:none}.cardDesc,.h3{display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none;transition:1s;width:100%}.h3{background-position-y:100px;left:0;position:relative;text-align:center}.card:hover .h3,[type=radio]:checked+.card .h3{background-position-y:0}.h3 h3,.h3 p{box-sizing:border-box;height:auto;margin:0;max-height:0;overflow:hidden;padding:0 5px;position:relative;transition:max-height 1s,left 1s,width 1s}.h3 h3{left:-8.05%;width:111.11%}.h3 p{left:-33.33%;width:185%}.card:hover h3{left:0;max-height:100%;overflow:visible;width:100%}.card:hover p{left:-25%;width:150%}[type=radio]:checked+.card h3{left:13.5%;max-height:100%;overflow:visible;width:73%}[type=radio]:checked+.card p{left:0;max-height:100%;overflow:visible;width:100%}.a1{grid-area:a1}.a2{grid-area:a2}.a3{grid-area:a3}.a4{grid-area:a4}.a5{grid-area:a5}.a6{grid-area:a6}.a7{grid-area:a7}.cardImage{background-position:50% 50%;background-repeat:no-repeat;background-size:200% 170%;height:100%;pointer-events:none;transition:background-size 1s,background-position 0s;width:100%}[type=radio]:checked+.card .cardImage{background-size:130% 110%}.a1 .cardImage{background-image:url(/static/media/checkmate.3b59cdc313ad31f7e768.webp)}.a2 .cardImage{background-image:url(/static/media/commonsense.891313daed2b8bb2d5c5.webp)}.a3 .cardImage{background-image:url(/static/media/concentric.1258bf006edffa51db63.webp)}.a4 .cardImage{background-image:url(/static/media/spotlight.259984218f87a6dd0ab1.webp)}.a5 .cardImage{background-image:url(/static/media/tired.fe912f67fff48b122535.webp)}.a6 .cardImage{background-image:url(/static/media/tobeornot.8b13e39ead2b14d1b820.webp)}.a7 .cardImage{background-image:url(/static/media/underneath.e007569e2c3de27e4a65.webp)}.PTsuz{bottom:10px;pointer-events:none;position:absolute;width:100%;z-index:20}.PTsuz a{background:#5f6f3a;border-radius:10px;box-shadow:1px 2px 4px 2px #0006;padding:0 5px 2px;pointer-events:all;text-decoration:none;transition:.5s}.PTsuz a:hover{background:#394225;box-shadow:0 0 10px 0 #fff;color:#fff}.CMa,.CMb,.CMc,.CMcursor,.CMd,.CMf,.CMs{cursor:none;position:absolute}.CMcursor{background:red;border-radius:20px;height:40px;left:calc(var(--x) - 20px);top:calc(var(--y) - 20px);width:40px}.CMa,.CMb,.CMc,.CMd{height:100%;width:100%}.CMa{background:repeating-conic-gradient(#000 .01% 25%,#fff 0 50%) 50% /50px 50px;-webkit-clip-path:polygon(0 0,0 100%,var(--x) var(--y),55% 0);clip-path:polygon(0 0,0 100%,var(--x) var(--y),55% 0)}.CMc .CMs{font-size:.3em;left:2%;top:77%}.CMf{bottom:2%;left:2%;text-align:left}.CMb{background:repeating-conic-gradient(#000 .01% 25%,#fff 0 50%) 40% 0 /250px 250px;-webkit-clip-path:polygon(100% 0,100% 75%,var(--x) var(--y),50% 0);clip-path:polygon(100% 0,100% 75%,var(--x) var(--y),50% 0)}.CMc{background:#000;-webkit-clip-path:polygon(0 100%,0 75%,var(--x) var(--y),50% 100%);clip-path:polygon(0 100%,0 75%,var(--x) var(--y),50% 100%);color:#fff;font-family:sans-serif;font-size:2em;font-weight:700}.CMd{background:repeating-conic-gradient(#000 .01% 25%,#fff 0 50%) 50% /20px 20px;-webkit-clip-path:polygon(100% 100%,100% 75%,var(--x) var(--y),45% 100%);clip-path:polygon(100% 100%,100% 75%,var(--x) var(--y),45% 100%)}.CSbody{--blue:#b7cfd2;--dark:#13272c;--light:#e5e3d2;--yellow:#fbf811;--h:0;cursor:none;font-family:sans-serif;font-weight:700;height:100%;margin:0}.CSCont,.CSbody{background:var(--dark)}.CSCont{bottom:20px;height:50%}.CSbody div{position:absolute;width:100%}.CScommon,.CSmenu,.CSsense{background:var(--dark);color:var(--blue)}.CScommon,.CSisnot,.CSmenu,.CSsense{padding:0;text-align:center;transition:all .5s}.CScommon,.CSsense{display:flex;font-size:min(24vh,18vw);height:48%;transform:scaleY(var(--c));span{left:0;pointer-events:none;transform:scaleY(1.15);width:100%}}.CScommon{align-items:end;top:0;transform-origin:top;span{top:-12%}}.CSsense{align-items:start;bottom:0;transform-origin:bottom;span{bottom:15%}}.CSisnot{background:var(--light);color:var(--dark);font-size:min(9vw,12vh);justify-content:center;line-height:100%;pointer-events:all;transform:scaleY(var(--h));transform-origin:center;z-index:1}.CSisnot,.CSisnotCont{align-items:center;display:flex}.CSisnotCont{height:100%;pointer-events:none}.CSmenu{display:flex;font-size:min(1.5vw,2vh);justify-content:space-around;line-height:.9vw;top:49%;z-index:1}.CSbody .CScursor{background:var(--yellow);border-radius:7.5px;height:15px;left:calc(var(--x) - 7.5px);pointer-events:none;position:absolute;top:calc(var(--y) - 7.5px);width:15px;z-index:2}.CSsuz{animation:pulse 2s infinite}@keyframes pulse{50%{filter:brightness(130%) saturate(4.5);text-shadow:0 0 10px var(--blue)}}.CCbody{--cg:conic-gradient(#000 3%,#022ad0 12%,#1398d8 16%,#fff 23%,#fff 26%,#b232db 34%,#022ad0 40%,#000 47%,#000 52%,#022ad0 59%,#1398d8 66%,#fff 73%,#fff 76%,#b232db 83%,#022ad0 89%,#000 98%);--h:max(300vw,304vh)}.CCcont{left:0;mix-blend-mode:exclusion;position:absolute;top:-50px;transform:rotate(180deg);transform-origin:50vw 50vh}.CCa{height:var(--h);position:relative;right:max(130vw,130vh);top:calc(var(--h)/-2 + 100vh);width:var(--h)}.CCa,.CCa div{background:var(--cg)}.CCa div{border-radius:50%;height:calc(100% - var(--h)*.1);left:calc(var(--h)*.05);position:relative;top:calc(var(--h)*.05);transform:rotate(-8deg);width:calc(100% - var(--h)*.1)}.CCa .CCb{filter:hue-rotate(var(--y));transform:rotate(var(--x))}.SLbody{background:#fff;cursor:none;font-family:sans-serif;height:100%;overflow:hidden;width:100%}.SLbody a{border:none;color:inherit;cursor:none;text-decoration:inherit}.SLcursor{background-image:url(http://maps.google.com/mapfiles/kml/shapes/placemark_circle_highlight.png);height:30px;pointer-events:none;position:absolute;transition:filter .5s;width:30px;z-index:3}.SLcursor1{filter:hue-rotate(-80deg)}.SLbody ul{background-color:none;bottom:0;color:#222;left:0;position:absolute;width:30%;z-index:1}.SLbody li{background:none;border:none;border-bottom:1px solid #222;display:grid;grid-template-areas:"a b b c";grid-template-columns:1fr 3fr auto 0fr;grid-template-rows:auto;height:2em;line-height:2em;list-style:none;overflow:hidden;transition:all .5s}.SLbody li:hover{grid-template-columns:0fr 0fr auto 1fr;transition:all .5s}.SLbody a:first-child li:first-child{border-top:1px solid #222}.SLbody li div:first-child{grid-area:a;transform:scaleX(1);transform-origin:left}.SLbody li:hover div:first-child{transform:scaleX(0);transition:all .5s}.SLbody li div:nth-child(2){flex-grow:3;grid-area:b;overflow:visible;text-align:right;white-space:nowrap}.SLbody li:hover div:nth-child(2){overflow:visible;transition:all .5s}.SLbody li div:nth-child(3){grid-area:c;text-align:right;transform:scaleX(0);transform-origin:right}.SLbody li:hover div:nth-child(3){transform:scaleX(1.5);transition:all .5s}.SLbody li div{overflow:hidden;transition:all .5s}.SLspotlight{background:conic-gradient(#fff 0deg 2deg,#050505 7deg 353deg,#fff 358deg 1turn);color:#fff;height:400vh;left:-135vw;mix-blend-mode:hard-light;position:absolute;top:-130vh;width:400vw;z-index:0}.SLspotlight div{color:#fff;font-size:1.6em;left:50%;position:relative;top:50%;transform:rotate(90deg) translateY(-.5em);transform-origin:top left;width:0}.TIbody{background:#000;cursor:none;height:100%;overflow:hidden;padding:0;width:100%}.TIa,.TIb{font-family:Roboto,sans-serif;height:40px;overflow:hidden;padding-left:20px;position:absolute;transform-origin:left;translate:0 -20px;white-space:nowrap}.TIa{background:#fff;color:#a9a9a9}.TIb{background:#a9a9a9;border-radius:20px 0 0 20px;color:#000}.TIa:after,.TIb:after{content:"HOVER EXP\2007\1F780\1F780\1F780\2007\1F780\1F780\1F780\2007\1F780\1F780\1F780\2001\2001\2001\2001\2005HOVER EXP\2007\1F780\1F780\1F780\2007\1F780\1F780\1F780\2007\1F780\1F780\1F780\2001\2001\2001\2001\2005HOVER EXP\2007\1F780\1F780\1F780\2007\1F780\1F780\1F780\2007\1F780\1F780\1F780\2001\2001\2001\2001\2005HOVER EXP\2007\1F780\1F780\1F780\2007\1F780\1F780\1F780\2007\1F780\1F780\1F780\2001\2001\2001\2001\2005HOVER EXP\2007\1F780\1F780\1F780\2007\1F780\1F780\1F780\2007\1F780\1F780\1F780\2001\2001\2001\2001\2005HOVER EXP\2007\1F780\1F780\1F780\2007\1F780\1F780\1F780\2007\1F780\1F780\1F780\2001\2001\2001\2001\2005HOVER EXP\2007\1F780\1F780\1F780\2007\1F780\1F780\1F780\2007\1F780\1F780\1F780\2001\2001\2001\2001\2005HOVER EXP\2007\1F780\1F780\1F780\2007\1F780\1F780\1F780\2007\1F780\1F780\1F780\2001\2001\2001\2001\2005HOVER EXP\2007\1F780\1F780\1F780\2007\1F780\1F780\1F780\2007\1F780\1F780\1F780\2001\2001\2001\2001\2005HOVER EXP\2007\1F780\1F780\1F780\2007\1F780\1F780\1F780\2007\1F780\1F780\1F780\2001\2001\2001\2001\2005HOVER EXP\2007\1F780\1F780\1F780\2007\1F780\1F780\1F780\2007\1F780\1F780\1F780\2001\2001\2001\2001\2005HOVER EXP\2007\1F780\1F780\1F780\2007\1F780\1F780\1F780\2007\1F780\1F780\1F780\2001\2001\2001\2001\2005HOVER EXP\2007\1F780\1F780\1F780\2007\1F780\1F780\1F780\2007\1F780\1F780\1F780\2001\2001\2001\2001\2005HOVER EXP\2007\1F780\1F780\1F780\2007\1F780\1F780\1F780\2007\1F780\1F780\1F780\2001\2001\2001\2001\2005HOVER EXP\2007\1F780\1F780\1F780\2007\1F780\1F780\1F780\2007\1F780\1F780\1F780\2001\2001\2001\2001\2005HOVER EXP\2007\1F780\1F780\1F780\2007\1F780\1F780\1F780\2007\1F780\1F780\1F780\2001\2001\2001\2001\2005";font-size:1.3em;font-weight:900;height:100%;left:0;position:absolute}.TIa:after{animation:hovera 10s linear infinite;background:repeating-linear-gradient(145deg,#0000 0 180px,#a9a9a9 180px 183px,#fff 183px 186px,#a9a9a9 186px 189px,#fff 189px 192px,#a9a9a9 192px 195px,#fff 195px 198px,#a9a9a9 198px 201px,#fff 201px 204px,#a9a9a9 204px 207px,#0000 207px 209px)}.TIb:after{animation:hoverb 10s linear infinite;background:repeating-linear-gradient(145deg,#0000 0 180px,#000 180px 183px,#a9a9a9 183px 186px,#000 186px 189px,#a9a9a9 189px 192px,#000 192px 195px,#a9a9a9 195px 198px,#000 198px 201px,#a9a9a9 201px 204px,#000 204px 207px,#0000 207px 209px)}.TIa:before,.TIb:before{content:"BY THE TIRED SUZ SIRUNYAN\2001●\2001 BY THE TIRED SUZ SIRUNYAN\2001●\2001 BY THE TIRED SUZ SIRUNYAN\2001●\2001 BY THE TIRED SUZ SIRUNYAN\2001●\2001 BY THE TIRED SUZ SIRUNYAN\2001●\2001 BY THE TIRED SUZ SIRUNYAN\2001●\2001 BY THE TIRED SUZ SIRUNYAN\2001●\2001 BY THE TIRED SUZ SIRUNYAN\2001●\2001 BY THE TIRED SUZ SIRUNYAN\2001●\2001 BY THE TIRED SUZ SIRUNYAN\2001●\2001 BY THE TIRED SUZ SIRUNYAN\2001●\2001 BY THE TIRED SUZ SIRUNYAN\2001●\2001 BY THE TIRED SUZ SIRUNYAN\2001●\2001 BY THE TIRED SUZ SIRUNYAN\2001●\2001 BY THE TIRED SUZ SIRUNYAN\2001●\2001 BY THE TIRED SUZ SIRUNYAN\2001●\2001 BY THE TIRED SUZ SIRUNYAN\2001●\2001 BY THE TIRED SUZ SIRUNYAN\2001●\2001 BY THE TIRED SUZ SIRUNYAN\2001●\2001 BY THE TIRED SUZ SIRUNYAN\2001●\2001 BY THE TIRED SUZ SIRUNYAN\2001●\2001 BY THE TIRED SUZ SIRUNYAN\2001●\2001 BY THE TIRED SUZ SIRUNYAN\2001●\2001 BY THE TIRED SUZ SIRUNYAN\2001●\2001 BY THE TIRED SUZ SIRUNYAN\2001●\2001 BY THE TIRED SUZ SIRUNYAN\2001●\2001 BY THE TIRED SUZ SIRUNYAN\2001●\2001 BY THE TIRED SUZ SIRUNYAN\2001●\2001 BY THE TIRED SUZ SIRUNYAN\2001●\2001 BY THE TIRED SUZ SIRUNYAN\2001●\2001 ";font-size:.5em;font-weight:700;position:absolute;top:28px}.TIa:before{animation:suza 10s linear infinite}.TIb:before{animation:suzb 10s linear infinite}@keyframes hovera{0%{left:0}to{left:-363.5px}}@keyframes hoverb{0%{left:-363.5px}to{left:0}}@keyframes suza{0%{left:-276px}to{left:0}}@keyframes suzb{0%{left:0}to{left:-276px}}.TIpointer{background:#e7c683;border-radius:10px;height:20px;pointer-events:none;position:absolute;width:20px;z-index:1000}.TBbody{--bg:#5a0001;--text:#c53b1c;--ht:#cdcabb;background:var(--bg);cursor:none;height:100%;overflow:hidden;padding:0}.TBcont{align-items:center;color:var(--text);display:flex;font-family:sans-serif;font-size:1.5em;font-weight:900;height:50%;justify-content:center;position:relative;top:50%;width:100vw}.TBa,.TBb{content:var(--z);text-align:center;transition:.5s;width:4em}.TBa:hover,.TBb:hover{color:var(--ht)}.TBskull{animation:a 1s steps(10) infinite,b 10s steps(10) infinite;animation-delay:var(--z);animation-play-state:paused;background-image:url(/static/media/skull.712ddb1126eee04170d3.webp);background-size:3200px 2400px;filter:saturate(2);height:240px;image-rendering:pixelated;mix-blend-mode:lighten;opacity:.7;width:320px}.TBskull div{background:var(--bg);background-image:linear-gradient(90deg,#000 1px,#0000 0),linear-gradient(180deg,#000 2px,#0000 0);background-size:5px 5px;height:100%;image-rendering:auto;mix-blend-mode:hard-light;opacity:1;pointer-events:none;width:100%}@keyframes a{0%{backround-position-x:0}to{background-position-x:-3200px}}@keyframes b{0%{background-position-y:0}to{background-position-y:-2400px}}.TBcursor{background:var(--ht);border-radius:7.5px;height:15px;pointer-events:none;position:absolute;width:15px}.UNbody{cursor:none;margin:0;overflow:hidden}.UNbg,.UNbody{height:100%;width:100%}.UNbg{background:#000}.UNbg,.UNdrawing{position:absolute}.UNdrawing{left:0;mix-blend-mode:hard-light}.UNa,.UNcross,.UNcursor,.UNd,.UNdash,.UNdot,.UNm,.UNt1,.UNt2{font-family:Sans-serif;font-weight:700;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none}.UNt1,.UNt2{color:#fff;font-size:12vw}.UNt1{left:4vw;top:25%}.UNt2{right:4vw;top:calc(25% + 12vw)}.UNa,.UNd,.UNm{animation:bounce .5s infinite alternate-reverse;bottom:4.5vh;font-size:40vw;line-height:40vw;margin-bottom:-.1em;transform:scaleY(4);transform-origin:50% 84.5%}.UNm{color:#fe631a;left:7%}.UNa{animation-delay:.15s;color:#ff68a8;left:38%}.UNd{animation-delay:.3s;color:#009801;right:7%}@keyframes bounce{0%{transform:scaleY(.5)}to{transform:scaleY(2)}}@media only screen and (min-width:1000px){@keyframes bounce{0%{transform:scaleY(.2)}to{transform:scaleY(1.5)}}}@media only screen and (min-width:1200px){@keyframes bounce{0%{transform:scaleY(.2)}to{transform:scaleY(1.2)}}}.UNdash,.UNdot{background:#9fff71;rotate:-17deg}.UNdot{border-radius:5.5vw;height:7vw;right:55vw;top:8vw;width:6vw}.UNdash{-webkit-clip-path:polygon(0 15%,100% 0,100% 100%,0 85%);clip-path:polygon(0 15%,100% 0,100% 100%,0 85%);height:7vw;right:35vw;top:4vw;width:20vw}.UNcross{background:#fff;-webkit-clip-path:polygon(0 33%,40% 30%,40% 0,65% 0,65% 30%,100% 33%,96% 52%,65% 50%,65% 95%,40% 95%,40% 50%,0 52%);clip-path:polygon(0 33%,40% 30%,40% 0,65% 0,65% 30%,100% 33%,96% 52%,65% 50%,65% 95%,40% 95%,40% 50%,0 52%);height:12vw;left:20vw;rotate:30deg;top:50%;width:10vw}.UNcursor{background:#9fff71;border-radius:50%;height:30px;pointer-events:none;width:30px}#Work article,.descContainer{--size:min(60vh,80vw)}#Work article{overflow:hidden;padding-top:0;width:100%}iframe{border:0}.ontop,.work{background-clip:padding-box;border-radius:30px;cursor:pointer;position:absolute}.work{background-color:#b38046;overflow:hidden;transition:.5s;img{height:100%;object-fit:cover;position:relative}}#Work .work.front{box-shadow:inset 0 0 15px #462d12;height:var(--size);left:calc(50% - var(--size)/2);top:10%;width:var(--size);z-index:4}#Work .frontLeft,#Work .frontRight{height:calc(var(--size)*.8);top:7%;width:calc(var(--size)*.8);z-index:3}#Work .frontLeft{left:calc(50% - var(--size)*1.05)}#Work .frontRight{left:calc(50% + var(--size)*.25)}#Work .work.frontLeft,#Work .work.frontRight{box-shadow:inset 0 0 30px #271808;opacity:.75}#Work .backLeft,#Work .backRight{height:calc(var(--size)*.65);top:5%;width:calc(var(--size)*.65);z-index:2}#Work .backLeft{left:calc(50% - var(--size)*.75)}#Work .backRight{left:calc(50% + var(--size)*.1)}#Work .work.backLeft,#Work .work.backRight{box-shadow:inset 0 0 30px #1b0f02;opacity:.5}#Work .back{height:calc(var(--size)*.5);left:calc(50% - var(--size)*.25);top:3%;width:calc(var(--size)*.5);z-index:1}#Work .work.back{box-shadow:inset 0 0 30px #000;opacity:.25}.descContainer{bottom:10px;height:auto;left:0;overflow:hidden;position:absolute;text-align:center;top:calc(var(--size) + 15%);width:100%}.backD,.backLeftD,.backRightD,.frontD,.frontLeftD,.frontRightD{height:100%;position:absolute;transition:.5s;width:80%}.frontD{left:10%;opacity:1}.backRightD,.frontRightD{left:100%;opacity:0}.backD{left:10%;opacity:0;top:0}.backLeftD,.frontLeftD{left:-100%;opacity:0}h3{margin-top:0}.workLeftButtonContainer,.workRightButtonContainer{border-radius:20px;cursor:pointer;height:50px;position:absolute;top:50%;width:50px;z-index:4}.workLeftButtonContainer{left:5%}.workRightButtonContainer{right:5%}.workLeftButton,.workRightButton{animation:1s ease-in-out infinite alternate-reverse;box-shadow:3px -3px 1.5px .5px #ffffffbf;height:30px;position:absolute;top:10px;width:30px}.workLeftButtonContainer:hover .workLeftButton,.workRightButton:hover{box-shadow:3px -3px 2px .5px #fff}.workLeftButton{animation-name:workLeftBounce;left:18px;transform:rotate(-135deg)}@keyframes workLeftBounce{0%,50%,to{Transform:rotate(-135deg)}25%{transform:rotate(-135deg) translate(25%,-25%)}}.workRightButton{animation-name:workRightBounce;right:20px;transform:rotate(45deg)}@keyframes workRightBounce{0%,50%,to{Transform:rotate(45deg)}25%{transform:rotate(45deg) translate(25%,-25%)}}.treeEffects{height:100%;overflow:hidden;transition:opacity 1s;width:100%}.treeEffects.TFoff{opacity:1}.treeEffects.TFon{opacity:0}.blossom,.leaf,.leafContainer{background-size:100% 100%;height:35px;position:absolute;width:35px}.leafContainer{animation:leafFall linear infinite}.blossom,.leaf{animation:linear infinite,infinite alternate-reverse;pointer-events:none}.leaf{background-image:url(/static/media/cherryLeaf.7ff9068f5e831343e6bd.webp)}.blossom{background-image:url(/static/media/cherryBlossom.472befd3adacf73bbea4.webp)}@keyframes leafFall{0%{top:-40px}to{top:101%}}@keyframes leafSway1{0%,to{left:0}25%{left:-20px}75%{left:20px}}@keyframes leafSway2{0%,to{left:0}35%{left:-30px}85%{left:20px}}@keyframes leafSway3{0%,to{left:0}20%{left:20px}65%{left:50px}}@keyframes leafSpin1{0%{transform:rotateX(0deg) rotate(0deg) rotateY(0deg)}to{transform:rotateX(2turn) rotate(1turn) rotateY(1turn)}}@keyframes leafSpin2{0%{transform:rotateX(0deg) rotate(0deg) rotateY(0deg)}to{transform:rotateX(1turn) rotate(2turn) rotateY(1turn)}}@keyframes leafSpin3{0%{transform:rotateX(0deg) rotate(0deg) rotateY(0deg)}to{transform:rotateX(1turn) rotate(1turn) rotateY(2turn)}}.text{display:grid;grid-template-areas:"t1 t2 t3";grid-template-columns:90% 5% 5%;grid-template-rows:100%;height:100%;transition:1s}.text,.text .textTop{position:absolute;top:0}.text .textTop{background:linear-gradient(180deg,#f5e1b9,#f5e1b900);height:4vh;width:100vw}.t1{grid-area:t1}.t2{grid-area:t2}.t3{grid-area:t3}.texta,.textb{height:100%;overflow:hidden;position:relative;transition:1s}.textb{-webkit-text-size-adjust:auto;-moz-text-size-adjust:auto;text-size-adjust:auto;align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding:2% 5vw;width:calc(90vw - var(--scrollbar-width));z-index:7}.nonvisible{opacity:0}.contLeftButton,.contRightButton{animation:appear 1s linear;box-shadow:3px -3px 3px 0 #fff;height:30px;position:absolute;top:50%;width:30px}@keyframes appear{0%,80%{opacity:0}to{opacity:1}}.contLeftButton{left:2.5vw;transform:rotate(-135deg)}.contRightButton{right:2.5vw;transform:rotate(45deg)}.toggleFlowers{bottom:10px;pointer-events:none;position:absolute;width:100%;z-index:20}.toggleFlowers span{background:#f5e1b9;border-radius:10px;box-shadow:1px 2px 4px 2px #0006;cursor:pointer;padding:0 5px 2px;pointer-events:all;text-decoration:none;transition:.5s}.TFon span{background:#f5e1b9}.TFoff span{background:#aa9c81}.toggleFlowers span:hover{background:#aa9c81;box-shadow:0 0 10px 0 #fff;color:#fff}.TFoff span:hover{background:#f5e1b9;color:#000}html{overscroll-behavior-x:none;scroll-behavior:smooth;-webkit-user-select:none;user-select:none}body{overflow-x:hidden;overflow-y:scroll}.App{text-align:center;&:has(#Hello){width:100vw}}.splashContainer{height:100vh;position:relative}.splash{background:red;height:100%;transition:1s;z-index:10}.menuCont,.splash{position:absolute;width:100%}.menuCont{height:max(400vh,2000px)}#menu{display:block;height:30px;left:0;margin:10px 0;position:-webkit-sticky;position:sticky;width:100%}.menuButton{display:inline-block;height:30px;line-height:30px;padding:0;position:absolute;width:100px}.menuButtonPanel{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-clip:padding-box;border:1px solid #000;height:100%;overflow:hidden;transform-style:preserve-3d}.menuButtonPanel,section{position:absolute;width:100%}section{height:calc(100% - 50px);pointer-events:all;top:50px}article{font-size:min(2vw,2vh);height:100%;position:absolute;top:0}#Pens,.tabTop3{background-color:#5f6f3a}#Projects,.tabTop1{background-color:#8e7d69}#Work,.tabTop2{background-color:#d8af7f}#About,.tabTop0{background-color:#f5e1b9}#About{overflow:hidden}.pensButton .menuButtonPanel{background-color:#5f6f3a}.projectsButton .menuButtonPanel{background-color:#8e7d69}.workButton .menuButtonPanel{background-color:#d8af7f}.aboutButton .menuButtonPanel{background-color:#f5e1b9}a{color:#000}#tabSection{height:100vh;position:absolute;top:calc(max(400vh, 2000px) - 50px);width:100%;z-index:2}.tabHolder{height:200%;overflow:hidden}.tab,.tabHolder{bottom:0;pointer-events:none;position:absolute;width:100%}.tab{height:50%;transform:rotate(0deg) translateX(0);transform-origin:0 50px;transition:transform .3s}.tabUp{transform:rotate(-95deg) translateX(45px)}.tab0{z-index:1}.tab1{z-index:2}.tab2{z-index:3}.tabFront{transform:rotate(0deg) translateX(0);z-index:4}.tabTopBack{background:linear-gradient(0deg,#000,#000 25%,#0000);height:200px;pointer-events:none;position:absolute;top:-150px;width:100%}.tabTop{animation:tabMorph 1s linear 1;animation-play-state:paused;-webkit-clip-path:polygon(0 100%,6% 96%,11% 83%,12% 75%,15% 21%,17% 11%,20% 3%,25% 0,75% 0,80% 3%,83% 11%,85% 21%,88% 75%,89% 83%,94% 96%,100% 100%);clip-path:polygon(0 100%,6% 96%,11% 83%,12% 75%,15% 21%,17% 11%,20% 3%,25% 0,75% 0,80% 3%,83% 11%,85% 21%,88% 75%,89% 83%,94% 96%,100% 100%);cursor:pointer;display:inline-block;font-size:1.05em;height:40px;line-height:30px;margin:0 0 0 -5px;padding:0;pointer-events:all;position:absolute;top:11px;transform-origin:0 7.3%;z-index:1}@keyframes tabMorph{to{-webkit-clip-path:polygon(0 100%,6% 96%,11% 83%,12% 75%,15% 21%,17% 11%,20% 3%,25% 0,75% 0,80% 3%,83% 11%,85% 21%,88% 75%,89% 83%,94% 96%,100% 100%);clip-path:polygon(0 100%,6% 96%,11% 83%,12% 75%,15% 21%,17% 11%,20% 3%,25% 0,75% 0,80% 3%,83% 11%,85% 21%,88% 75%,89% 83%,94% 96%,100% 100%)}0%{-webkit-clip-path:polygon(12% 83%,12% 83%,12% 83%,12% 75%,12% 21%,12% 0,20% 0,25% 0,75% 0,80% 0,89% 0,89% 21%,89% 75%,89% 83%,89% 83%,89% 83%);clip-path:polygon(12% 83%,12% 83%,12% 83%,12% 75%,12% 21%,12% 0,20% 0,25% 0,75% 0,80% 0,89% 0,89% 21%,89% 75%,89% 83%,89% 83%,89% 83%)}}.helloSpinLeft .panel1{filter:brightness(calc(var(--scroll)*-2 + 1));transform:rotateX(calc(var(--scroll)*-180deg + .0001deg)) translateZ(6vw)}.helloSpinLeft .panel2{filter:brightness(calc(var(--scroll)*-2 + 2));transform:rotateX(calc(var(--scroll)*-180deg + 90.0001deg)) translateZ(6vw)}.helloSpinLeft .panel3{filter:brightness(calc(var(--scroll)*-2 + 3));transform:rotateX(calc(var(--scroll)*-180deg - 179.9999deg)) translateZ(6vw)}.helloSpin .panel1{filter:brightness(calc(var(--scroll)*2 + 1));transform:rotateX(calc(var(--scroll)*180deg)) translateZ(6vw)}.helloSpin .panel2{filter:brightness(calc(var(--scroll)*2));transform:rotateX(calc(var(--scroll)*180deg - 90deg)) translateZ(6vw)}.helloSpin .panel3{filter:brightness(calc(var(--scroll)*2 - 1));transform:rotateX(calc(var(--scroll)*180deg - 180deg)) translateZ(6vw)}.helloSpinPanelRight{transform:rotateY(90deg) rotate(calc(var(--scroll)*-180deg))}.spinContainer{height:12vw;perspective:calc(600px - 6vw);position:-webkit-sticky;position:sticky;top:calc(50% - 6vw);z-index:1}.helloSpin,.helloSpinLeft{font-size:6vw;height:12vw;perspective:600px;position:relative;transform:translateZ(-6vw);vertical-align:initial}.helloSpin{left:30%;perspective-origin:34%;text-align:left;top:-12vw;width:60%}.helloSpinLeft{left:10%;perspective-origin:200%;text-align:right;top:0;width:20%}.helloSpinPanel{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:green;height:100%;line-height:11vw;position:absolute;right:0;width:100%}.helloSpinPanelRight{background:#60482d;background:radial-gradient(circle,#60482d 0,#78644e 53%,#60482d 63%,#78644e 73%,#60482d 79%,#78644e 85%,#60482d 91%,#78644e 96%,#60482d 100%);height:12vw;position:absolute;right:-6vw;width:12vw}#Hello{background-color:green;background-image:url(/static/media/sunbeam.eee3beb77ad3b5b641e4.webp);background:fixed;box-sizing:border-box;height:max(400vh,2000px);padding:0 0 30vh;top:0;width:100%}.hellobg1{animation:bg1 1s linear paused}.hellobg2{animation:bg2 1s linear paused}.hellobg1,.hellobg2{animation-delay:calc(var(--scroll)*-.99s);background:fixed;height:max(400vh,2000px);padding:0;position:absolute;width:100%}#Hello,.hellobg1,.hellobg2{background-size:cover}@keyframes bg1{20%{opacity:1}45%,to{opacity:0}}@keyframes bg2{55%{opacity:1}80%,to{opacity:0}}@keyframes bg3{0%,99%{background-image:url(/static/media/trees.04acb4a684f862caeda1.webp)}to{background-image:none}}.panel1{background:url(/static/media/sunbeam.eee3beb77ad3b5b641e4.webp) 0 0/calc(100vw - 15px)}.panel3{animation-delay:calc(var(--scroll)*-.999s);background:url(/static/media/trees.04acb4a684f862caeda1.webp) 0 0/1920px}.panel2{background:url(/static/media/penguin.b3bbd6d9b3d3ae05c8de.webp) 0 0/1920px;color:#000;text-shadow:1px 1px 5px #bbb,-1px -1px 5px #bbb,-1px 1px 5px #bbb,1px -1px 5px #bbb}.panel1,.panel3{color:#99865f;text-shadow:1px 1px 5px #232916,-1px -1px 5px #232916,-1px 1px 5px #232916,1px -1px 5px #232916}.panel1,.panel2,.panel3{background-size:var(--width-minus-scrollbar)}@media (max-aspect-ratio:3/2){.panel1,.panel2,.panel3{background-size:auto 100vh}}.projBottom,.projDesc,.projLeft,.projLeftCover,.projRight,.projTop,.projTopCover,.project{height:100%;left:0;margin:0;padding:0;position:absolute;top:0;transition:.5s;width:100%}.type{background-image:url(/static/media/big3.6cc75591908bb55accad.webp);background-size:cover;height:100%;width:100%}a{text-decoration:underline}.projBottom,.projLeft,.projRight,.projTop{overflow:hidden}.projLeftCover{background:linear-gradient(0deg,#8e7d69,#8e7d6900 20%),linear-gradient(180deg,#8e7d69,#8e7d6900 20%);pointer-events:none}.projTopCover{background:linear-gradient(90deg,#8e7d69,#8e7d6900 10%),linear-gradient(270deg,#8e7d69,#8e7d6900 10%);pointer-events:none}.noScroll{touch-action:none}.projTop{height:50%}.projBottom{height:50%;top:50%}.projLeft{width:50%}.projRight{left:50%;width:50%}.projBottom,.projTop,.projTopTouch{--size:min(calc(45vh - 25px),90vw)}.projLeft,.projLeftTouch,.projRight{--size:min(45vw,70vh)}.projDesc,.project{height:var(--size);left:calc(50% - var(--size)/2);top:calc(50% - var(--size)/2);width:var(--size)}.projBottom .projDesc{left:10%;width:80%}.projDesc{align-items:center;display:flex}.desc0,.desc1,.desc3,.project0,.project1,.project3{opacity:0}.desc0,.project0{display:none}.projTop .project1{left:-100vw}.projTop .project3{left:100vw}.projLeft .project1{top:-100vh}.projLeft .project3{top:100vh}.projBottom .desc1{left:100vw}.projBottom .desc3{left:-100vw}.projRight .desc1{top:100vh}.projRight .desc3{top:-100vh}.projButtonBack,.projDownButton,.projDownButton div,.projLeftRule,.projTopRule,.projUpButton,.projUpButton div{position:absolute}.projTopRule{height:0;left:15%;top:50%;width:70%}.projLeftRule,.projTopRule{box-shadow:0 0 2px .5px #000}.projLeftRule{height:70%;left:50%;top:15%;width:0}.projButtonBack{background:#8e7d69;box-shadow:0 0 2px .5px #8e7d69;display:flex;height:20px;justify-content:space-evenly;left:calc(50% - 75px);top:-10px;width:150px}.projLeftRule .projButtonBack{left:-75px;top:calc(50% - 10px);transform:rotate(90deg)}.projButton{background-color:#fff;border-radius:10px;cursor:pointer;height:20px;opacity:.5;width:20px}.projButton.active1,.projButton:hover{box-shadow:0 0 5px .5px #fff}.projButton.active1{opacity:1}.projDownButton,.projUpButton{border-radius:10px;cursor:pointer;height:40px;width:40px}.projDownButton div,.projUpButton div{animation:1s ease-in-out infinite alternate-reverse;box-shadow:2px -2px 1px 0 #fff9;height:30px;width:30px}.projDownButton:hover div,.projUpButton:hover div{box-shadow:3px -3px 2px .5px #fff}.projLeftRule .projUpButton{left:-20px;top:-50px}.projLeftRule .projUpButton div{animation-name:buttonBounce1;left:5px;top:10px}@keyframes buttonBounce1{0%,50%,to{Transform:rotate(-45deg)}25%{transform:rotate(-45deg) translate(25%,-25%)}}.projLeftRule .projDownButton{bottom:-50px;left:-20px}.projLeftRule .projDownButton div{animation-name:buttonBounce2;bottom:10px;left:5px}@keyframes buttonBounce2{0%,50%,to{Transform:rotate(135deg)}25%{transform:rotate(135deg) translate(25%,-25%)}}.projUpButton{left:-50px;top:-20px}.projUpButton div{animation-name:buttonBounce3;left:10px;top:5px}@keyframes buttonBounce3{0%,50%,to{transform:rotate(-135deg)}25%{transform:rotate(-135deg) translate(25%,-25%)}}.projDownButton{bottom:-20px;right:-50px}.projDownButton div{animation-name:buttonBounce4;bottom:5px;right:10px}@keyframes buttonBounce4{0%,50%,to{transform:rotate(45deg)}25%{transform:rotate(45deg) translate(25%,-25%)}}.typebg{background-image:url(/static/media/big3.6cc75591908bb55accad.webp);background-size:cover;height:100%;width:100%}.typebgside{background:#8e7d69;height:100%;left:100%;position:absolute;width:300px}.words{display:block;position:absolute;width:auto}.move{animation:goLeft 4s linear}@keyframes goLeft{0%{left:100%}to{left:0}}.preLetters,.typedLetters,.untypedLetters{display:inline-block;line-height:15px;position:relative}.preLetters,.untypedLetters{background:#fff;border:solid #fff;box-shadow:0 0 6px 1px #fff;color:#000}.preLetters{border-radius:50px 50px 50px 50px;border-width:2px 10px 4px}.untypedLetters{border-radius:0 50px 50px 0;border-width:2px 10px 4px 0}.paused div,.typedLetters{background:aqua;border:solid aqua;box-shadow:0 0 6px 1px aqua;color:red}.typedLetters{border-radius:50px 0 0 50px;border-width:2px 0 4px 10px;z-index:1}.paused div{animation:die 1s linear forwards;animation-play-state:running;border-radius:50px 50px 50px 50px;border-width:2px 3px 4px;line-height:15px;position:absolute}@keyframes die{0%{background:aqua;border:solid aqua;box-shadow:0 0 6px 1px aqua;color:red}70%{opacity:100%}to{background:#000;border:solid #000;box-shadow:0 0 6px 1px #000;color:maroon;opacity:0}}.noLetters{display:none}.paused{animation-play-state:paused}.letterHolder{display:inline-block;position:relative;transition:all 1s}.letterHolder:hover{transform:scale(1.5);transition:all .2s}.bouncyLetter{color:red;cursor:pointer;display:inline-block;font-family:Rubik Dirt;font-weight:400}.bouncyLetter,.spin{transition:all 1s}.bouncyLetter:hover{color:rgba(0,128,0,.755);transition:all .2s}.spin:hover{transform:rotate(1turn) scale(1.2);transition:0s}path{fill:#0000}text{fill:#ff9800}#userList{color:#fff;display:grid;grid-template-columns:2fr 2fr 1fr 1fr}#userList a,#userList div{background-color:#00008b;border:1px solid #fff;display:inline-block}#adminPortal a{color:red;text-decoration:none}.world{--imgUrl:url(/static/media/environment-sprites.f636076b30bab3b11c7c.webp)}.world,.world2{background:#000;height:100%;position:absolute;width:100%}.gameContainer{height:100vh;left:0;overflow:hidden;position:relative;right:0;width:100vw}.mapGrid{align-items:center;display:grid;justify-items:center}.mapGrid,.monsterLayer{position:absolute}.childStyle{font-size:xx-small;height:16px;image-rendering:pixelated;transform:translateZ(0) scale(3);width:16px}.childStyle,.secondChildStyle{background-image:var(--imgUrl);margin:0;z-index:0}.secondChildStyle{height:100%;position:absolute;width:100%}.collider{opacity:0}.mapGrid.highZ{z-index:2}.mapMaker{bottom:0;height:310px;position:fixed;right:0;width:240px}.mapMakerContainer{background:#00000080;height:240px;width:240px}.mapMakerPreview{background-image:var(--imgUrl);left:80px;overflow:visible;padding:32px;top:80px;transform:scale(3)}.mapMakerBorder,.mapMakerPreview{height:16px;position:absolute;width:16px}.mapMakerBorder{border:1px solid #000;left:31px;top:31px}.childStyle.transparent{box-shadow:inset 0 0 20px rgba(0,0,0,.599);opacity:100%}.transparent{opacity:50%}.highlight{box-shadow:inset 0 0 2px hsla(0,0%,100%,.599);opacity:100%}#createCharacter,#gameHome,#selectCharacter,#signup{background:#000;color:#fff;height:100vh;left:0;overflow:hidden;position:absolute;text-align:center;top:0;width:100vw}#gameHome h1{font-size:5em}#createCharacter h1,#selectCharacter h1,#signup h1{font-size:3em}#homeContainer h2,#homeContainer h3{font-family:Rubik Dirt;font-weight:400}#characterSelector{grid-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:1fr 1fr;height:400px;left:calc(50% - 300px);max-height:400px;position:relative;width:600px}#characterListLeft{border:2px solid #fff;display:grid;grid-template-rows:1fr 40px;max-height:400px}#characterListRight{border:2px solid #fff;display:grid;grid-template-rows:40px 1fr}#characterList{-ms-overflow-style:none;align-items:stretch;display:flex;flex-direction:column;overflow-y:scroll;scrollbar-width:none}#characterList::-webkit-scrollbar{display:none}#characterList div{border:2px solid #000;border-bottom:none;color:#000;height:40px;line-height:40px;transition:all 1s}#characterList #createHeader{background-color:#006400;box-shadow:inset 0 0 15px #90ee90;color:#64cb64;font-family:Rubik Dirt;font-size:1.7em}#characterList div:active{box-shadow:inset 5px 5px 15px grey,inset -5px -5px 15px #fff;transition:all .05s}.nameInput{text-align:center}#characterListButtons{align-content:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;height:40px;justify-content:space-between}.KnightButton{background-color:#cc9e49;box-shadow:inset 5px 5px 15px #e7d9c0,inset -5px -5px 15px #634610}.RogueButton{background-color:#5bb95b;box-shadow:inset 5px 5px 15px #aae6aa,inset -5px -5px 15px #0a500a}.MageButton{background-color:#e75a5a;box-shadow:inset 5px 5px 15px #e6bbbb,inset -5px -5px 15px #640e0e}.playButton{background-color:#006400;border-left:none;border-right:none;box-shadow:inset 0 0 15px #90ee90;color:#64cb64;font-size:1.7em;width:50%}.playButton:hover{box-shadow:inset 0 0 25px #90ee90}.newButton{background-color:#00008b;box-shadow:inset 0 0 10px #add8e6;color:#add8e6;font-size:1.1em;width:25%}.newButton:hover{box-shadow:inset 0 0 20px #add8e6}.deleteButton{background-color:darkred;box-shadow:inset 0 0 10px pink;color:pink;font-size:1.1em;width:25%}.deleteButton:hover{box-shadow:inset 0 0 20px pink}.createButton{background-color:#006400;box-shadow:inset 0 0 15px #90ee90;color:#64cb64;flex-grow:1;font-size:1.5em}.createButton:hover{box-shadow:inset 0 0 25px #90ee90}#characterListButtons a,#characterListButtons button{display:inline-block;font-family:Rubik Dirt;height:100%;justify-content:center;padding:0}#characterStats{font-family:Rubik Dirt;line-height:40px}#characterListImage{background-position:bottom;background-repeat:no-repeat;background-size:contain;image-rendering:pixelated}#errorDisplay{background:red;border-radius:20px;box-shadow:inset 0 0 5px 1px #fff,0 0 10px 5px #9d0404;color:#fff;display:block;height:50px;left:calc(50% - 200px);line-height:50px;opacity:1;position:absolute;top:calc(50% - 25px);transition:opacity .5s;width:400px}#errorDisplay.hidden{opacity:0;pointer-events:none;transition:opacity 2s}.bigButton,.littleButton{background-color:#006400;border:none;border-radius:10px;box-shadow:inset 0 0 5px,0 0 15px 0 #90ee90;color:#64cb64;font-family:Rubik Dirt}.bigButton{font-size:1.5em}.bigButton:hover,.littleButton:hover{box-shadow:inset 0 0 15px,0 0 25px 0 #90ee90}.littleButton{border-radius:7px}.logoutButton{background-color:darkred;border:none;border-radius:10px;border-radius:7px;box-shadow:inset 0 0 5px,0 0 15px pink;color:pink;font-family:Rubik Dirt}.loginCover{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fff6;color:#000;display:flex;font-size:5rem;height:100vh;justify-content:center;left:0;position:absolute;text-align:center;top:0;width:100vw}.loginCover div{transform:rotate(-30deg);transform-origin:center}.player{background-image:url(/static/media/main-character.ff4b9069a681936b40b0.webp)}.Knight{background-image:url(/static/media/knight-sprite.90f17c9437923029497c.webp)}.Rogue{background-image:url(/static/media/rogue-sprite.d13865a13f11f3330879.webp)}.Mage{background-image:url(/static/media/mage-sprite.cb4dafccbe847cad63d7.webp)}.skeleton{background-image:url(/static/media/skeleton.88ed65dddbd6af74ccf5.webp)}.redSkeleton{background-image:url(/static/media/redSkeleton.5cad530e6343490132bc.webp)}.blueSkeleton{background-image:url(/static/media/blueSkeleton.14cb02c0e376f08e5fe6.webp)}.character{animation-delay:0s;animation-duration:.7s;animation-iteration-count:infinite;animation-timing-function:steps(5);box-sizing:border-box;height:32px;image-rendering:pixelated;left:0;position:absolute;top:0;width:16px;z-index:1}@keyframes walkLeft{0%{background-position:-176px -104px}to{background-position:-256px -104px}}@keyframes walkRight{0%{background-position:-176px -40px}to{background-position:-256px -40px}}@keyframes walkDown{0%{background-position:-176px -72px}to{background-position:-256px -72px}}@keyframes walkUp{0%{background-position:-176px -8px}to{background-position:-256px -8px}}@keyframes attackLeft{0%{background-position:-8px -104px;left:-10px;width:32px}to{background-position:-104px -104px;left:-10px;width:32px}}@keyframes attackRight{0%{background-position:-8px -40px;left:-8px;width:32px}to{background-position:-104px -40px;left:-8px;width:32px}}@keyframes attackDown{0%{background-position:-8px -72px;left:-9px;width:32px}to{background-position:-104px -72px;left:-9px;width:32px}}@keyframes attackUp{0%{background-position:-8px -8px;left:-10px;width:32px}to{background-position:-104px -8px;left:-10px;width:32px}}@keyframes idleLeft{0%{background-position:-336px -104px}to{background-position:-416px -104px}}@keyframes idleRight{0%{background-position:-336px -40px}to{background-position:-416px -40px}}@keyframes idleDown{0%{background-position:-336px -72px}to{background-position:-416px -72px}}@keyframes idleUp{0%{background-position:-336px -8px}to{background-position:-416px -8px}}.mobHealth{background:red;height:1.5px}#hudContainer{--itemsImg:url(/static/media/itemsImg.2212574d0a733851a79f.webp);--armourImg:url(/static/media/armourImg.2aab734e11330a3bf379.webp);--skillsImg:url(/static/media/skillsImg.02876206844e6860a19e.webp);--questsImg:url(/static/media/questsImg.ec1932ef27eb07743e45.webp);background:none;height:100%;position:absolute;width:100%;z-index:10}#MenusHud{flex-direction:column;flex-wrap:column;height:300px;overflow:hidden;right:0;top:calc(50% - 150px);width:250px}#MenusHud,#SkillsHud{align-items:center;display:flex;justify-content:center;position:absolute}#SkillsHud{bottom:10px;flex-direction:row;height:60px;left:calc(50% - 250px);width:500px}#HealthHud{height:40px;left:10px;position:absolute;top:10px;width:300px}#healthbarContainer,#manabarContainer{border-radius:4px;box-shadow:inset -1px -1px 1px grey,inset 1px 1px 1px #fff;box-sizing:border-box;height:50%;padding:0}#healthbar{background-color:red}#healthbar,#manabar{border-radius:4px;height:100%}#manabar{background-color:blue}.skillSlot{margin:2px;width:50px}.menuItem,.skillSlot{cursor:pointer;height:50px}.menuItem{align-items:left;border-radius:25px;display:flex;image-rendering:pixelated;margin:5px;position:relative;right:-275px;width:400px}#healthbar,#manabar,.menuItem,.skillSlot{box-shadow:inset 1px 1px 2px #fff6,inset -1px -1px 2px #80808066,inset 2px 2px 2px #fff6,inset -2px -2px 2px #80808066,inset 3px 3px 2px #fff6,inset -3px -3px 2px #80808066;transition:box-shadow .3s,transform 1s,right .7s}.menuItem:active,.skillSlot:active{box-shadow:inset 1px 1px 2px #80808066,inset -1px -1px 2px #fff6,inset 2px 2px 2px #80808066,inset -2px -2px 2px #fff6,inset 3px 3px 2px #80808066,inset -3px -3px 2px #fff6;transition:box-shadow .1s}.skillSlot:hover,menuItem:hover{transform:scale(1.2);transition:transform .3s}.menuItem:hover{right:-125px;transition:right .2s}#itemsBtn{background-color:red}#armourBtn{background-color:blue}#skillsBtn{background-color:green}#questsBtn{background-color:purple}.menuBtnImg{height:48px;left:5px;margin-left:5px;transform:scale(.8);width:48px}#itemsBtnImg{background-image:var(--itemsImg)}#armourBtnImg{background-image:var(--armourImg)}#skillsBtnImg{background-image:var(--skillsImg)}#questsBtnImg{background-image:var(--questsImg)}.menuBtnText{font-size:1.5em;line-height:1.8em;position:relative;top:0;width:150px}.hide{opacity:0}#windowContainer{height:100%;width:100%}#hudContainer{.armourWindow,.itemsWindow,.ontop,.questsWindow,.skillsWindow{background:#5d7ca3;border-radius:50px;height:550px;position:absolute;top:calc(50% - 275px);width:800px}.itemsWindow{background-color:#a96969;box-shadow:inset 5px 5px 10px 0 #fdd,inset -5px -5px 10px 0 #300404,inset 15px 15px 30px 10px #dfa1a1,inset -15px -15px 30px 10px #5a0e0e}.armourWindow{background-color:#6a82c2;box-shadow:inset 5px 5px 10px 0 #d5d5ec,inset -5px -5px 10px 0 #12123c,inset 15px 15px 30px 10px #b6b6e1,inset -15px -15px 30px 10px #3b3b6b}.skillsWindow{background-color:#a8c7a8;box-shadow:inset 5px 5px 10px 0 #e5ece5,inset -5px -5px 10px 0 #0a2a0a,inset 15px 15px 30px 10px #d8e8d8,inset -15px -15px 30px 10px #465f46}.questsWindow{background-color:#c8a6c8;box-shadow:inset 5px 5px 10px 0 #efe8ef,inset -5px -5px 10px 0 #4b304b,inset 15px 15px 30px 10px #d4ccd4,inset -15px -15px 30px 10px #6e516e}.center{left:calc(50% - 400px);opacity:1;z-index:100}.left{left:calc(50% - 850px)}.left,.right{opacity:.9;scale:.75;z-index:50}.right{left:calc(50% + 50px)}.hidden{left:calc(50% - 400px);opacity:0;scale:.8;z-index:0}.trans{transition:all .5s}#closer{height:100%;width:100%}.ontop{background:none;z-index:90}.miniCloser{background:#d51212;border-radius:8px;box-shadow:inset 3px 3px 3px 0 #e37878,inset -3px -3px 3px 0 #480e0e;color:#fff;font-weight:bolder;height:30px;line-height:27px;position:absolute;right:30px;top:30px;width:30px}#itemSlots{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(5,1fr);height:350px;image-rendering:pixelated;left:50px;position:absolute;width:700px}.armourSlot,.itemSlot,.skillSlot{cursor:pointer;height:60px;margin:2px;width:60px}.armourSlot.withImg,.itemSlot.withImg{background-size:960px 1320px}.armourSlot.withImg,.itemSlot.withImg,.worldItem{background-image:url(/static/media/items.0147f5b0457b0f4a5499.webp)}.worldItem{background-size:576px 792px;height:35px;position:absolute;width:36px}.itemSlot{border-radius:5px;box-shadow:inset 5px 5px 5px 0 #8b595966,inset -5px -5px 5px #f7c3c366}.armourSlot{border-radius:5px;box-shadow:inset 5px 5px 5px 0 #50508266,inset -5px -5px 5px #b7b7cd66}.armourContainer{overflow:visible;position:absolute;width:80px}.armourContainer h4{margin-bottom:5px;margin-top:10px;white-space:nowrap}.armourContainer div{left:10px;position:absolute}#statContainer{background-color:#5f71aa;border-radius:20px;box-shadow:inset 5px 5px 5px 0 #384b7966,inset -5px -5px 5px #b7becd66;height:420px;position:absolute;right:70px;width:350px}#stats{grid-column-gap:5px;column-gap:5px;display:grid;grid-template-columns:1fr 1fr}.statsLeft{text-align:right}.statsRight{text-align:left}#head{left:165px;top:60px}#body{left:165px;top:160px}#legs{left:165px;top:260px}#feet{left:165px;top:360px}#hands{left:265px;top:208px}#weapon{left:65px;top:108px}#offHand{left:65px;top:208px}#ring1{left:65px;top:308px}#ring2{left:265px;top:308px}}html:has(#four04){-ms-overflow-style:none;background:#000;scrollbar-width:none}.html::-webkit-scrollbar:has(#four04){display:none}#four04{--left:calc(50vw - min(400px, 50vw));background:#5f6f3a;height:100vh;left:var(--left);overflow:hidden;position:absolute;top:0;width:min(800px,100vw)}.homeLink,.portLink{border-radius:1rem;height:4rem;left:calc(min(400px, 50vw) - 18rem);position:absolute;top:calc(300px - 3.8rem);transition:.2s;width:36rem}.portLink{top:calc(400px - 3.8rem)}.homeLink:hover,.portLink:hover{box-shadow:inset 0 0 50px #fff}
/*# sourceMappingURL=main.1413b746.css.map*/