@charset "utf-8";*{margin:0;padding:0}html,body{background-color:black;background-image:svg("border");height:100%;width:100%;overflow:hidden}@font-face{font-family:"Vibri";src:url("../fonts/VibriPlus.woff")}@font-face{font-family:"Kelvinch";src:url("../fonts/Kelvinch.woff")}@font-face{font-family:"VibRibbonMain";src:url("../fonts/VibRibbonMain.woff")}@font-face{font-family:"Foxlite";src:url("../fonts/FoxliteScript.woff")}body>*:not(svg){opacity:0;transition:opacity .3s ease}body.content-visible>*:not(svg){opacity:1}svg{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}polygon{fill:none;stroke:white;stroke-width:2;shape-rendering:crispEdges}.name{position:absolute;font-family:"VibRibbonMain";width:100%;height:2vw;margin:2rem 0;display:inline-block;text-align:center;white-space:nowrap;color:white;font-size:clamp(50pt,5.5vw,90px)}.name span{display:inline-block;white-space:nowrap;position:relative;animation:scaleAnim 2.7s steps(18) infinite}@keyframes scaleAnim{0%{transform:scale(1)}5.56%{transform:scale(.8)}11.11%{transform:scale(1)}16.67%{transform:scale(.8)}22.22%{transform:scale(1)}27.78%{transform:scale(.8)}33.33%{transform:scale(1)}38.89%{transform:scale(.8)}44.44%{transform:scale(1)}50%{transform:scale(.8)}55.56%{transform:scale(1)}61.11%{transform:scale(.8)}66.67%{transform:scale(1)}72.22%{transform:scale(.8)}77.78%{transform:scale(1)}83.33%{transform:scale(.8)}88.89%{transform:scale(1)}94.44%{transform:scale(.8)}100%{transform:scale(1)}}.name span span{animation:rotateAnim 2.7s ease-in-out infinite}@keyframes rotateAnim{0%{transform:rotate(25deg)}11.11%{transform:rotate(-25deg)}22.22%{transform:rotate(25deg)}33.33%{transform:rotate(-25deg)}44.44%{transform:rotate(25deg)}55.56%{transform:rotate(-25deg)}79.63%{transform:rotate(335deg)}88.88%{transform:rotate(335deg)}88.89%{transform:rotate(-25deg)}100%{transform:rotate(25deg)}}.wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;width:90vw;height:80vh;margin:15vh 5vw 5vh}.main{height:90%;flex:3}.leftside{height:90%;flex:.5;min-width:145px}.rightside{height:50%;flex:1;align-self:flex-end;min-width:110px}.main,.leftside,.rightside{border:3px solid white;border-bottom:5px solid white;margin:.5%;background:black;overflow:auto}.main img,.leftside img,.rightside img{max-width:100%}.inner{padding:5%;height:inherit 100%;overflow:auto;font-family:Vibri,Kelvinch;font:clamp(10pt,1vw,20pt);color:white;line-height:1.25}.leftside .inner,.rightside .inner{display:flex;flex-direction:column}#mainhome,#maincontact,#maincommission,#mainportfolio{display:inline-block}.stamps{display:grid;grid-template-columns:repeat(auto-fit,minmax(99px,1fr));column-gap:3px;row-gap:3px}.stamps img{image-rendering:pixelated;width:99px;height:auto}.buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));column-gap:3px;row-gap:3px}.buttons img{image-rendering:pixelated;padding:3px;width:88px;height:auto}.blinkies{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));column-gap:3px;row-gap:3px}.blinkies img{image-rendering:pixelated;padding:3px;width:100%;height:auto}.windowhead{display:fixed;padding:5px;background:white;font:clamp(10pt,1vw,20pt) Vibri}.windowhead img{width:16px;image-rendering:pixelated;filter:invert(1)}.main .windowhead{margin-bottom:clamp(-50px,-3vw,-10px)}.hellothere{display:flex;align-items:center;justify-content:center;gap:clamp(10px,3vw,100px);margin-top:clamp(-30px,-2vw,-20px)}.hellothere h1{font-size:clamp(24pt,3vw,64pt)}.hellothere img{image-rendering:pixelated;height:auto;width:clamp(120px,15vw,372px)}#quote{text-align:center;font:clamp(14pt,2vw,32pt) Foxlite;margin-bottom:2rem}.blurb{font-size:clamp(9pt,1.5vw,14pt);text-align:justify;text-justify:inter-word}.blurb a{margin-top:40px}.player{height:33%;width:18.5vw;position:absolute}#loading{visibility:visible;align-self:flex-start;align-content:center;position:absolute;display:inline-block;height:33%;width:18.5vw}.player,#loading{top:10vh;right:5vw}#loading img{display:inline-block;width:clamp(80px,10vw,320px)}#loading p{font:clamp(10pt,1vw,20pt) Vibri;color:white;text-align:right;justify-content:center;display:inline-block}.navlink{color:white;cursor:pointer;background:linear-gradient(to right,#ff0080,pink,white);background-size:200% 200%;animation:rainbow 2s ease-in-out infinite;background-clip:text;transition:color .2s ease-in-out}.wiplink{color:white;cursor:pointer;background:linear-gradient(to right,#ffc800,rgb(255,234,192),white);background-size:200% 200%;animation:rainbow 2s ease-in-out infinite;background-clip:text;transition:color .2s ease-in-out}.navlink:link,.navlink:visited,.wiplink:link,.wiplink:visited{color:white;text-decoration:none}.navlink:hover,.wiplink{color:rgba(0,0,0,0)}.contacts{margin:clamp(10px,1vw,20px) 0;display:flex;flex-direction:row;flex-wrap:wrap;align-content:space-between;justify-content:center;gap:1em}.icon{position:inherit;width:clamp(14px,1.5vw,22px);height:auto}.contactbutton{padding:0;border:0;background:none;cursor:pointer;--color:white;--background:black;outline:none;display:block;min-width:max-content;position:relative;font:clamp(10pt,1.5vw,16pt) Vibri}.contactbutton span{display:flex;gap:.5em;align-items:center;max-width:max-content;background:var(--background);color:var(--color);border:4px solid var(--color);padding:.5em 1em;position:relative;overflow:hidden}.contactbutton::before,.contactbutton::after,.contactbutton span::before,.contactbutton span{transition:inherit;border-radius:inherit;box-shadow:1px 1px 0 0 var(--color),2px 2px 0 0 var(--color),3px 3px 0 0 var(--color)}.contactbutton::before,.contactbutton::after,.contactbutton span::before{content:"";z-index:-1;position:absolute;inset:0}.contactbutton::before{transform:translate(2px,2px)}.contactbutton:hover span{transform:translate(-2px,-2px)}.contactbutton:active span,.contactbutton:active::after{transform:translate(2px,2px)}@keyframes enter{from{translate:0px -30px}to{translate:0 0}}@keyframes exit{from{translate:0 0}to{translate:0 30px}}@keyframes enter{from{translate:0px -30px}to{translate:0 0}}@keyframes exit{from{translate:0 0}to{translate:0 30px}}@keyframes rainbow{0%{background-position:left}50%{background-position:right}100%{background-position:left}}.vibsleep{display:block;margin:-3vw auto 0;float:right;right:0;width:clamp(75px,30vw,480px)}.vibhi{margin-top:.5em;display:block;float:right;right:0;width:clamp(75px,20vw,480px)}.contacts a:link,.contacts a:visited,.clients a:link,.clients a:visited{color:white;text-decoration:none}.modal__content a:link,.modal__content a:visited{color:white;text-decoration:none}.modalbutton{display:inline-block;text-decoration:none;margin-left:1rem;padding:clamp(3px,1vw,10px) clamp(5px,1vw,10px);background-color:#fff;border-radius:5px;text-transform:uppercase;color:black}.modal{z-index:4;visibility:hidden;opacity:0;display:flex;position:fixed;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;background:rgba(00,00,00,.7);transition:all .4s}.modal.is-open{visibility:visible;opacity:1}.modal__content{text-align:center;font:clamp(12pt,1.5vw,24pt) "Vibri";position:relative;width:auto;max-width:80vw;max-height:80vh;overflow-y:auto;background:black;padding:1.25em 2em;box-sizing:border-box;border:3px solid white;border-bottom:5px solid white}.modal__close{cursor:pointer;font:28pt/0px "Kelvinch";position:absolute;top:-25px;right:10px;color:white;text-decoration:none}.thetabs{display:flex;flex-direction:column;align-items:center}.tab{cursor:pointer;padding:10px 20px;margin:0 2px;display:inline-block;color:white}.panels{border-top:2px white solid;min-height:200px;width:clamp(250px,100%,100%);overflow:hidden;padding:20px}.panel{display:none}.radio{display:none}#one:checked ~ .panels #one-panel,#two:checked ~ .panels #two-panel,#three:checked ~ .panels #three-panel{display:block;text-align:center}#one:checked ~ .tabs #one-tab,#two:checked ~ .tabs #two-tab,#three:checked ~ .tabs #three-tab{background:white;color:black}.panel-grid{display:flex;flex-wrap:wrap;justify-content:center;text-align:center}.panel-grid div{flex:1;padding:0 .5em}::-webkit-scrollbar{width:10px;scrollbar-width:auto;scrollbar-color:white black}::-webkit-scrollbar-track{background:black;border:1px solid}::-webkit-scrollbar-thumb{background:white;border:1px solid}::-webkit-scrollbar-button{background:white}::-webkit-scrollbar-button:single-button{border:1px solid;height:12px;scrollbar-width:auto;scrollbar-color:white black}::-webkit-scrollbar-button:single-button:vertical:decrement{border-width:0 8px 8px 8px;border-color:transparent transparent black transparent}::-webkit-scrollbar-button:single-button:vertical:decrement:hover{border-color:transparent transparent black transparent}::-webkit-scrollbar-button:single-button:vertical:increment{border-width:8px 8px 0 8px;border-color:black transparent transparent transparent}::-webkit-scrollbar-button:vertical:single-button:increment:hover{border-color:black transparent transparent transparent}@media only screen and (max-width:600px){.wrapper{width:90vw;height:85vh;flex-direction:column;margin:12vh 5vw 5vh}.player,#loading{z-index:-1;display:none;visibility:hidden}.rightside{align-self:auto}.leftside{flex:.75}.leftside .inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));column-gap:10px;row-gap:2px}.inner{overflow:scroll}.vibhi{width:auto}}