.playing_bars{--size:0.8rem;width:var(--size);height:var(--size);display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.playing__bar{width:calc(var(--size)/5);height:0%}.is-playing{animation:up-and-down 1.3s ease infinite alternate}.playing__bar2{animation-delay:-2.4s}.playing__bar3{animation-delay:-3.7s}@keyframes up-and-down{10%{height:30%}30%{height:100%}60%{height:50%}80%{height:75%}to{height:20%}}.v-slider{cursor:pointer}.playing{animation:flashing 1s ease-out infinite}@keyframes flashing{50%{opacity:.4}to{opacity:1}}.v-main{padding:0!important}.progress-bar-wrapper{position:fixed;font-size:.75rem;line-height:1.5rem;top:65%;left:50%;transform:translate(-50%,-50%);border:1px solid hsla(0,0%,100%,.5);border-radius:.125rem;text-align:right;opacity:0;transition:opacity .5s;width:90vw;max-width:500px;height:.25rem;z-index:1000}.progress-bar{width:100%;background-color:#fff;height:100%;transform-origin:left;transform:scaleX(var(--progress));transition:transform .2s,opacity .5s}.v-footer,.v-toolbar{left:50%!important;translate:-50%}.glass,.v-footer,.v-menu__content,.v-toolbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.v-footer,.v-menu__content,.v-toolbar{background-color:rgba(0,0,0,.35816)!important;background-size:cover}.neu,.v-btn,.v-list{background-color:rgba(0,0,0,.05)!important;background-color:rgba(0,0,0,.4)!important;box-shadow:3px 3px 5px rgba(0,0,0,.08),-2px -2px 3px rgba(255 255 255/8%),inset 2px 2px 20px rgba(255 255 255/7%)!important;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);-webkit-mask:linear-gradient(rgba(0,0,0,.9),#000)!important;mask:linear-gradient(rgba(0,0,0,.9),#000)!important}.v-btn:hover{background:rgba(0,0,0,.02)}.v-btn:before,.v-list-item--active,.v-list-item--link:before{background:transparent!important}input:-internal-autofill-selected,input:-internal-autofill-selected:focus,input:-internal-autofill-selected:hover,input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,input::spelling-error,select:-internal-autofill-selected,select:-internal-autofill-selected:focus,select:-internal-autofill-selected:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover{font-family:David Libre,serif;-webkit-text-fill-color:#fff;box-shadow:inset 0 0 0 1000px #121212;-webkit-box-shadow:0 0 0 1000px #121212 inset;background-color:#121212!important;color:#fff!important;text-decoration:none}.v-btn:active,.v-btn:before,.v-btn:focus-visible,.v-list-item--active,[aria-expanded=true]{box-shadow:inset 3px 3px 5px rgba(0,0,0,.08),inset -2px -2px 3px hsla(0,0%,100%,.1)!important}.v-btn:focus-visible,.v-list-item--highlighted,.v-list-item:focus-visible,.v-list-item:hover{outline:1px solid grey!important}.v-list-item,.v-list-item--active,.v-list-item--link:before{border-radius:5px}.v-btn:before,.v-list-item--active,.v-list-item--link:before{background-color:rgba(0,0,0,.5)!important}.v-toolbar__content{height:auto!important}.scene-wrapper{position:fixed;width:100%;height:100%;pointer-events:none;filter:blur(.1rem);opacity:.31}.section-header-text-wrapper{height:min(12vw,8rem);position:relative;transition:opacity .5s;z-index:100;overflow:hidden;opacity:1}.letter{font-family:Inter,sans-serif;font-weight:900;text-transform:uppercase;font-size:min(12vw,8rem);letter-spacing:-.025em;transition:transform calc(.2s + var(--stagger)*500ms) var(--expo-out);transform:translateY(-600%) translateZ(0)}.in .letter{transform:translateY(0) translateZ(0)}.out .letter{transform:translateY(600%) translateZ(0)}.header-divider{transform:scaleX(0);transition:transform .4s .3s var(--expo-out);transform-origin:0;opacity:.25}.in .header-divider{transform:scaleX(100%)}.skill-chip,.skill-letter{opacity:0;transform:translateY(30%)}.skill-letter{font-size:1.2rem;font-family:Inter,sans-serif;min-width:7px;transition:opacity calc(var(--stagger)*100ms),transform calc(var(--stagger)*100ms)}.in .skill-chip{animation:slideIn .7s var(--expo-out) forwards;animation-delay:calc(var(--order)*50ms)}.in .skill-letter{transform:translateY(0);opacity:1}@keyframes slideIn{0%{transform:translateY(20%)}to{opacity:1;transform:translateY(0)}}.skill-circle{position:absolute;aspect-ratio:1/1;height:100vh;transform:scale(0);border-radius:50%;top:20%;transition:transform 3s var(--expo-out);transition-delay:.5s;z-index:-1;background-color:#006aff!important;transform-origin:center}.skill-visible .skill-circle{transform:scale(5)}.skill-card{height:100%;transform:translateY(calc(0rem - 1rem*var(--skill-card-offset)));transition:transform 1s var(--expo-out)}.skill-visible .skill-card{transform:translateY(0)}.info-section{align-items:start;position:relative;height:-moz-fit-content;height:fit-content;margin-bottom:6rem;-webkit-backdrop-filter:blur(.5rem) brightness(50%) saturate(25%);backdrop-filter:blur(.5rem) brightness(50%) saturate(25%);-webkit-mask:linear-gradient(rgba(0,0,0,.9),#000);mask:linear-gradient(rgba(0,0,0,.9),#000)}.info-img-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;box-shadow:inset 0 0 5px 2px hsla(0,0%,100%,.01);-webkit-backdrop-filter:blur(1rem) brightness(60%) saturate(25%);backdrop-filter:blur(1rem) brightness(60%) saturate(25%)}.info-header{font-family:Inter,sans-serif!important;text-transform:capitalize;font-size:clamp(.8rem,5vw,1.3rem)}.hero-container[data-v-fcaa326a]{position:absolute;top:50%;width:100%;mix-blend-mode:screen;left:50%;transform:translate(-50%,-50%);font-size:min(14vw,12rem);line-height:1em}.hero-header[data-v-fcaa326a]{font-family:Inter,sans-serif;font-weight:900;letter-spacing:-.025em;height:1em}.hero-btn[data-v-fcaa326a],.hero-divider[data-v-fcaa326a],.hero-header[data-v-fcaa326a]{box-shadow:none!important;opacity:0;transform:translateY(2rem);transform-origin:bottom;transition:opacity 1s,transform 1s;transition-delay:calc(var(--stagger)*75ms);transition-timing-function:var(--expo-out)}.show .hero-btn[data-v-fcaa326a],.show .hero-divider[data-v-fcaa326a],.show .hero-header[data-v-fcaa326a]{opacity:1;transform:translateY(0)}.youtube-embed,.youtube-embed iframe{width:100%;height:100%;aspect-ratio:16/9}.portfolio-iframe{transform:scale(.5);height:720px;margin:-160px -100px;z-index:2}.link-wrap{position:relative;height:-moz-max-content;height:max-content;width:-moz-max-content;width:max-content}.portfolio-iframe-wrapper{width:220px;height:400px;padding-left:9px;border:1px solid;border-radius:18px;transition:transform .3s}.portfolio-iframe-wrapper:hover{transform:scale(1.025)}.card-title{font-size:11vw}.router-fade-enter-active,.router-fade-leave-active{transition:opacity .25s,transform .25s var(--expo-out)}.router-fade-enter,.router-fade-leave-to{transform:scale(.98);opacity:0}.link-buttons{height:0;overflow:hidden;transition:.4s var(--expo-out)}.black-bg{position:absolute;width:100vw;height:100vh;background:rgba(0,0,0,.9);bottom:0;right:0;left:0;z-index:5}.on-board{position:relative;z-index:0}.on-board:before{width:calc(100% + 2px);height:calc(100% + 2px);background:#ffa000;opacity:0;animation:fade-out 7s .5s forwards}.on-board:after,.on-board:before{content:"";position:absolute;top:0;left:0;z-index:-1}.on-board:after{width:60%;height:80%;right:0;bottom:0;margin:auto;border-radius:100%;filter:blur(5px);background:rgba(255,236,153,.3);animation:surprise 1.5s forwards}@keyframes fade-out{10%{opacity:1}to{opacity:0}}.surprise{position:absolute;width:80vh;height:100vh;background:#ff8f00;bottom:0;border-radius:100%;animation:surprise 2s var(--expo-out) infinite;filter:blur(20px);z-index:10}.surprise:after{width:100px;height:100px;animation:surprise 1.5s var(--expo-out) infinite}.surprise:after,.surprise:before{content:"";position:absolute;background:inherit;border-radius:100%}.surprise:before{width:200px;height:200px;right:0;bottom:0;animation:surprise 2.5s var(--expo-out) infinite 1.5s}@keyframes surprise{0%{opacity:1;transform:scale(0)}30%{opacity:0}50%{opacity:1}to{opacity:0;transform:scale(1)}}.flash{animation:flash .4s ease-in-out .4s forwards}@keyframes flash{0%{opacity:0}25%{transform:scaleY(-1.5)}50%{transform:scaleY(1)}75%{transform:scaleY(1.5)}to{opacity:1;transform:scaleY(1)}}.controls{position:absolute;height:100vh;width:100vw;right:0;bottom:0;z-index:9000;border-radius:5px;display:flex;flex-direction:column;align-items:center;animation:fade-in .7s}.controls-title{font-size:10vw}.divider{height:3em;width:100vw}.controls-content{max-width:650px}.v-speed-dial__list .v-btn--icon{background:rgba(0,0,0,.5)!important}.v-application .caption,.v-application .text-h5,.v-application .text-h6{font-family:David Libre!important}.v-card__title{word-break:unset}*{scrollbar-width:thin}a{text-decoration:none}.light-black{background:#0f0900!important}.link-collection{color:hsla(0,0,0,.6)!important}.opacity{z-index:0}::-webkit-scrollbar{width:5px;z-index:9000}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #5a5a64;border-radius:5px;z-index:9000}::-webkit-scrollbar-thumb{background:#424246;border-radius:5px}.bordered{border:1px solid #ffa000}.v-application .text-truncate{padding-right:.15rem}.cursor-pointer{cursor:pointer!important}.v-application .error--text{color:#c44343!important;caret-color:#c44343!important}