:root{--dance:#d77b70;--music:#d2b77a;--tech:#70769f;--text-primary:#17182b;--color-back:#f4f1ea;--bg-img:url(../assets/night-stars.gif);font-family:Quicksand,sans-serif}#thesmiski{width:auto;height:100px;transition:transform .3s;animation:.8s ease-out 1s forwards textEnter;overflow:hidden}#thesmiski:hover{transform:translateY(-20px)}.home-navbar #Navbar-left{visibility:hidden;transition:opacity .2s;animation:1.5s .8s forwards textEnter}.home-navbar #Navbar-right{visibility:hidden;animation:1.5s .75s forwards textEnter-Right}:root{--scene:0%}html,body{background-color:var(--color-back);color:var(--text-primary);margin:0;transition:background-color .3s;overflow-x:hidden}html:before{content:"";opacity:var(--scene);pointer-events:none;z-index:-1;background-color:#000;background-image:url(/assets/night-stars-C5wuCpB9.gif);transition:opacity 1s;position:absolute;inset:0}.test{transition:color .5s}.test:hover{color:gold;transition:color 1s}#hero-content>h1{margin:170px 100px 0;font-family:Syne;font-size:80px;font-weight:700;animation:.8s ease-out .4s forwards textEnter}#hero-content>h2{margin:10px 150px;font-family:Quicksand;font-size:25px;font-weight:700;animation:.8s ease-out .5s forwards textEnter}#hero-content>p{visibility:visible;text-align:right;width:35%;margin:180px 240px;font-family:Quicksand;font-weight:400;animation-delay:.6s}#Hero{visibility:hidden;position:fixed;inset:0;overflow:hidden}.danceLabel,.musicLabel,.techLabel{transition:color 1s}.danceLabel:hover,.danceLabel.active{color:var(--dance);transition:color .5s}.musicLabel:hover,.musicLabel.active{color:var(--music);transition:color .5s}.techLabel:hover,.techLabel.active{color:var(--tech);transition:color .5s}.background>.stripe{opacity:.7;transform-origin:top;border-radius:100px;width:10vw;height:300vh;margin:0;position:absolute;top:-50vh;overflow:hidden;transform:rotate(-30deg)}.stripe-dance{background:var(--dance);visibility:hidden;animation:.8s ease-out .3s forwards stripeEnter,10s ease-in-out 2s infinite stripeIdle;right:70%}.stripe-music{background:var(--music);visibility:hidden;animation:.8s ease-out .15s forwards stripeEnter,15s ease-in-out 3s infinite stripeIdle;right:59%}.stripe-tech{background:var(--tech);visibility:hidden;animation:.8s ease-out forwards stripeEnter,12s ease-in-out 6s infinite stripeIdle;right:48%}.stripe-dance:before{pointer-events:none;content:"";transform-origin:top;background:linear-gradient(#00f,#e89488);border-radius:100px;transition:transform .5s ease-out,opacity .3s;position:absolute;inset:0;transform:scaleY(0)}.stripe-dance:hover:before,.stripe-dance.active:before{opacity:1;content:"test";transform:scaleY(1)}.stripe-music:before{pointer-events:none;content:"";transform-origin:bottom;background:linear-gradient(gold,#e89488);border-radius:100px;transition:transform .5s ease-out,opacity .3s;position:absolute;inset:0;transform:scaleY(0)}.stripe-music:hover:before,.stripe-music.active:before{opacity:1;transform:scaleY(1)}.stripe-tech:before{pointer-events:none;content:"";transform-origin:top;background:linear-gradient(#ff9100,#e89488);border-radius:100px;transition:transform .5s ease-out,opacity .3s;position:absolute;inset:0;transform:scaleY(0)}.stripe-tech:hover:before,.stripe-tech.active:before{opacity:1;transform:scaleY(1)}.stripe-label{flex-flow:horizontal nowrap;flex-grow:5;margin:0;padding:0;display:flex;position:absolute;top:30%;left:35%;right:35%;transform:rotate(90deg)translate(0%)}.stripe-label2{position:absolute;top:35%;left:35%;right:35%;transform:rotate(90deg)translate(0%)}.label-tech{position:absolute;top:40%;left:35%;right:35%;transform:rotate(90deg)translate(0%)}img.stripe-image{opacity:0;border-radius:100000px;transition:transform .6s,opacity .6s;position:absolute}.image-dance{width:30vw;height:auto;top:20%;left:50%;transform:translate(-28%,-150%)}.stripe:hover .image-dance,.stripe-dance.active .image-dance{opacity:.8;transform:translate(-28%,-20%)}.image-music{width:30vw;height:auto;top:25%;left:-20%;transform:translate(-28%,150%)}.stripe:hover .image-music,.stripe-music.active .image-music{opacity:.8;transform:translate(-28%,50%)}.image-tech{width:30vw;height:auto;top:25%;left:-30%;transform:translate(-28%,-150%)rotate(-70deg)scaleY(-1)}.stripe:hover .image-tech,.stripe-tech.active .image-tech{opacity:.8;transform:translate(-28%,-40%)rotate(-70deg)scaleY(-1)}@keyframes stripeEnter{0%{opacity:0;visibility:hidden;transform:translate(-120vw)rotate(-30deg)}to{opacity:.7;visibility:visible;transform:translate(0)rotate(-30deg)}}@keyframes stripeIdle{0%{transform:translate(0)rotate(-30deg)}50%{transform:translate(-50px)rotate(-30deg)}75%{transform:translate(0)rotate(-30deg)}to{transform:translate(50px)rotate(-30deg)}to{transform:translate(0)rotate(-30deg)}}@keyframes textEnter{0%{opacity:0;visibility:hidden;transform:translate(-120vw)}to{opacity:1;visibility:visible;transform:translate(0)}}@keyframes textEnter-Right{0%{opacity:0;visibility:hidden;transform:translate(120vw)}to{visibility:visible;opacity:1;transform:translate(0)}}.typing{white-space:pre-wrap}body,a{color:var(--text-primary);font-family:Space Grotesk;font-size:20px;font-style:normal;text-decoration:none}#Navbar-full{z-index:100;flex-direction:row;margin:12px 20px 0;padding-bottom:10px;display:flex;position:relative}#Navbar-left{flex-direction:row;flex-grow:5;justify-content:left;display:flex}#Navbar-right{flex-direction:row;flex-grow:5;justify-content:right;display:flex}#Navbar-full a{cursor:pointer;margin-top:5px;padding:0 15px;display:block}#Navbar-left a:first-child,#Navbar-left a:last-child,#Navbar-right a:first-child,#Navbar-right a:last-child{position:relative}#Navbar-left a:first-child:before{content:"";background:var(--text-primary);width:2px;height:0;transition:height .2s,opacity .2s;position:absolute;bottom:0;left:0}#Navbar-left a:last-child:before{content:"";background:var(--text-primary);width:0;height:100%;transition:right .2s;position:absolute;bottom:0;right:20px}#Navbar-right a:first-child:before{content:"";background:var(--text-primary);width:0;height:100%;transition:height .2s,left .2s;position:absolute;bottom:0;left:0}#Navbar-right a:last-child:before{content:"";background:var(--text-primary);opacity:0;width:2px;height:0;transition:height .2s,opacity .2s;position:absolute;top:0;bottom:0;right:0}#Navbar-left a:first-child:hover:before,#Navbar-right a:last-child:hover:before{opacity:1;height:100%}#Navbar-left a:last-child:hover:before{content:">>";right:0}#Navbar-right a:first-child:hover:before{content:"<<";opacity:1;left:-20px}.navbar-underline{pointer-events:none;z-index:10;background:var(--text-primary);height:2px;transition:left .15s,width .3s,opacity .2s;position:absolute;bottom:0;left:0}