:root{--text: "Rubik", sans-serif;--text-color: #30324D;--hover-color: #5454c4;--header-trans-speed: .5s;--container-visible-speed: .5s;--tx: 0%;--sidebar-width: 0px}body{height:100vh;margin:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#bg{position:fixed;width:100vw;height:100vh;background:radial-gradient(50.84% 80.8% at 50.01% 0%,#e9e2da,#ffdbd4);background-image:url(/assets/images/rainbow.png);background-size:cover;z-index:-2;opacity:0;transition:opacity .2s ease}.glass{background:#efe8e833;transition:background var(--header-trans-speed) ease,box-shadow var(--header-trans-speed) ease;box-shadow:4px 4px 9.2px 4px #0000001a;border-color:#fff;border:1px solid rgba(255,255,255,.6);border-radius:25px}.glass.scrolled{background:#efe8e880}header{position:fixed;left:50%;transform:translate(-50%,50px);transition:transform var(--header-trans-speed) ease;width:70%;z-index:10;max-width:1200px}header.scrolled{transform:translate(-50%,10px);-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);border-radius:25px}#headercontainer{display:flex;justify-content:space-between;align-items:center;transform:translateY(50px);min-height:50px;padding-top:5px;padding-bottom:5px;opacity:0;transition:opacity var(--header-trans-speed) ease,transform var(--header-trans-speed) ease-out}#headercontainer.show{opacity:1;transform:translateY(0)}#headerIcon{height:60px;margin-left:10%;transition:margin-left var(--header-trans-speed) ease;cursor:pointer}#headerIcon.scrolled{margin-left:5%}#navigation{display:flex;flex-direction:row;gap:15px;margin-right:15%;transition:margin-right var(--header-trans-speed) ease}#navigation.scrolled{margin-right:5%}.centered-div{position:fixed;display:flex;align-items:center;justify-content:center;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:auto;max-width:1500px}.centered-div img{max-height:740px;max-width:800px;width:100%;height:auto}.homeText{width:158.77px;height:680.15px;position:relative}.homeTextContainer{position:fixed;width:60%;top:50%;max-width:1200px;left:50%;transform:translate(-50%,-50%);font-family:Rubik;font-style:normal;font-weight:400;font-size:50px;line-height:134%;letter-spacing:.1em;text-transform:uppercase;background-blend-mode:color-burn;color:transparent;-webkit-text-stroke:1px #ffaa7cb0;z-index:-1;display:flex;flex-direction:row;justify-content:space-between;align-items:center;opacity:0;transition:width .4s ease,opacity .2s ease;pointer-events:none}.homeTextContainer.visible{opacity:1}.homeTextContainer.active{width:90%}#loaderCanvas,#mainCanvas{top:50vh;transform-origin:50% 50%;transform:translate(-50%,-50%) scale(1);max-width:1300px}.riveContainer{position:fixed;left:50%;transform:translate(-50%);width:98%;max-width:2000px;min-height:50px;padding-top:25px;padding-bottom:25px;display:flex;gap:15px}.hidden{opacity:0%}.group{display:flex;flex-direction:column;gap:15px;padding-bottom:50px;overflow-x:hidden}.container{position:relative;left:50%;transform:translate(-50%);width:98%;max-width:2560px;min-height:50px;padding-top:25px;padding-bottom:25px;display:flex;gap:15px}.project-parent.container{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}.animate{opacity:0%;transition:opacity var(--container-visible-speed) ease-in,margin-top var(--container-visible-speed) ease-out}.animate.visible{opacity:100%}.row{display:flex;flex-wrap:nowrap;flex-direction:row;gap:10px}.column{display:flex;flex-direction:column;gap:20px}.row.visible,.column.visible{overflow:hidden;margin-top:0;opacity:100%}.title-group>.column{gap:5px}.title-group{display:grid;grid-template-columns:2fr 1fr}.mar-20,.mar-70{margin-left:20px}.mar-right{margin-right:150px}.align-center{align-items:center;align-content:center;justify-content:center}.align-spaced{justify-content:space-between;align-items:center}.align-left{justify-content:left}.overview-group{display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:center}.overview-group video{width:100%;height:100%;object-fit:contain;aspect-ratio:16 / 9}.overview-group p{width:95%}.module{width:100%}.data{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:center}.data.project-module-2{grid-template-columns:1fr}.data img,.data video{width:100%;height:100%;object-fit:contain;aspect-ratio:16 / 9}.gallery{width:100%}.gallery>.row{display:grid;gap:10px;align-items:stretch}.main-gallery{position:relative;width:100%}.main-gallery img,.main-gallery video{width:100%;height:100%;object-fit:cover;aspect-ratio:16 / 9}.module-visual{width:100%;height:auto}.thumbnails{display:grid;gap:8px}.thumbnails img,.thumbnails video{width:100%;object-fit:cover;cursor:pointer;opacity:.6;transition:opacity .2s ease,transform .2s ease}.thumbnails img.active,.thumbnails video.active{opacity:1}.thumbnails.column{flex-direction:row}.skill-buttons{display:flex;flex-wrap:wrap;gap:10px;overflow:visible;width:95%}.skill-buttons .button{flex:0 0 auto}.hero{object-fit:cover;width:100%;max-height:450px}h1,h2,h3,h4,h5,p{font-family:var(--text);color:var(--text-color)}h1{font-weight:700;font-size:24px;line-height:1;margin:0;text-transform:uppercase}h2{font-weight:700;font-size:18px;line-height:1;margin:0;text-transform:uppercase}h3{font-weight:300;font-size:15px;margin:0}h4{font-weight:600;font-size:18px;line-height:1;margin:0}h5{font-weight:300;font-size:14px;margin:0}p{font-family:var(--text);font-weight:300;font-size:15px;line-height:18px;margin:0;color:var(--text-color);max-width:90%}a{text-decoration:none;color:var(--text-color);font-family:var(--text);font-weight:300;font-size:15px;line-height:18px;margin:0;transition:color var(--header-trans-speed) ease,font-weight var(--header-trans-speed) ease;cursor:pointer}a:hover{text-decoration:wavy;color:var(--hover-color);font-weight:300}button{text-decoration:none;color:var(--text-color);font-family:var(--text);font-weight:300;font-size:15px;line-height:18px;cursor:pointer;margin:0;transform:scale(1);transform-origin:center,center;transition:color var(1s) ease,transform var(1s) ease}button:hover{color:var(--hover-color);transform:scale(1.1)}.button{padding:15px;width:fit-content;height:fit-content}.button:hover,.button.active{background:#eeeeeef1;box-shadow:4px 4px 9.2px 4px #0000}.blocker{position:relative;height:150px;transition:height 1s ease}.blocker.hidden{height:200px}.collapsible{transition:opacity .5s ease;opacity:1}.collapsible.collapse{display:none;opacity:0}.project-hero-class{height:auto;transition:height var(--header-trans-speed) ease}footer{bottom:0;left:50%;transform:translate(-50%);position:fixed;padding-bottom:10px;width:100%;max-width:1500px;display:flex}footer p{font-family:var(--text);font-weight:300;font-size:15px;line-height:134%;letter-spacing:.1em;text-transform:uppercase;margin-left:50px;margin-top:10px}#riveCanvas{pointer-events:auto}#scrollToTop{pointer-events:auto;cursor:pointer;position:fixed;bottom:0;left:25px;transform-origin:left bottom;opacity:0;background-color:#ffffff7e;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);transition:opacity .2s ease,bottom .5s ease,transfrom .5s ease}#scrollToTop.visible{opacity:1;bottom:50px}#scrollToTop img{width:20px;height:20px;rotate:270deg;transform:scale(1);transition:transform .5s ease}#scrollToTop:hover img{transform:scale(1.4)}#sidebar{position:fixed;top:90px;left:-50px;transform:translate(-100%);width:auto;max-height:75vh;padding:30px;min-width:200px;background-color:#ffffff7e;transition:transform .5s ease,opacity .2s ease,left .5s ease;opacity:0;z-index:100;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}#sidebar.visible{transform:translate(20px)}#sidebar.enable{opacity:1;left:0}#sidebar-revealbutton{position:fixed;top:50px;transform:translate(-100%);transform-origin:left bottom;cursor:pointer;z-index:100;opacity:0;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#ffffff7e;rotate:0deg;transition:rotate .5s ease,opacity .2s ease,transform .5s ease,top .5s ease}#sidebar-revealbutton.enable{transform:translate(20px)}#sidebar-revealbutton.scrolled.enable{top:18px;opacity:1}#sidebar-revealbutton img{position:relative;width:20px;height:20px;transform:scale(1);rotate:0deg;transform-origin:center;transition:transform .5s ease,rotate .5s ease;pointer-events:none}#sidebar-revealbutton:hover img{transform:scale(1.4)}#sidebar-revealbutton img.visible{rotate:180deg}#sidebar-buttongroup{display:flex;flex-direction:column;gap:15px;max-height:80vh;overflow-y:scroll}#sidebar-buttongroup h4{cursor:pointer;font-size:16px;transition:color .2s ease}#sidebar-buttongroup h5{cursor:pointer;margin-left:10px;transition:color .2s ease}#sidebar-buttongroup h4:hover,#sidebar-buttongroup h5:hover{color:var(--hover-color)}#module-sidebar{transition:padding-left .5s ease;padding-left:0}#module-sidebar.visible{padding-left:var(--sidebar-width)}#module-content{width:100%;transition:width .5s ease}.module-holder{width:100%}#aboutme{opacity:0;position:relative;left:50%;transform:translate(-50%,100px);visibility:hidden;display:block;transition:opacity .5s ease,transform .5s ease;max-width:1000px}#aboutme.visible{opacity:1;visibility:visible;transform:translate(-50%)}#aboutme.hidden{display:none}#aboutme>.container{display:grid;grid-template-columns:2fr 1fr}#socialLinks{display:flex;flex-direction:row;gap:20px}.imgButton{width:30px;height:30px;color:var(--text-color)}.lightbox{position:fixed;inset:0;background:#efe8e833;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:9999}.lightbox.active{opacity:1;pointer-events:auto}.lightbox-content{position:relative;max-width:90vw;max-height:90vh}.lightbox img,.lightbox video{max-width:100%;max-height:100%;display:block;object-fit:contain}.lightbox-close{position:absolute;top:-40px;right:10px;font-size:32px;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}.locked{opacity:0}.use-lightbox{cursor:pointer}@media(max-width:1200px){.module{flex-direction:column}.overview{width:100%;height:auto}#loaderCanvas,#mainCanvas{transform:translate(-50%,-50%) scale(1.2)}.overview-group{grid-template-columns:1fr;align-items:center;gap:15px}.overview-group>.column{margin-left:20px}}@media(max-width:480px){header{transform:translate(-50%,10px);width:100%}#headerIcon{margin-left:0%}#headerIcon.scrolled,#headerIcon.enable{margin-left:10%}#navigation{flex-direction:row;margin-right:5%}.row{flex-wrap:wrap}.data{display:grid;grid-template-columns:1fr;grid-template-rows:1fr}.description{margin-left:20px;max-width:90%}.url-link,.project-show,.caption{margin-left:20px}h1,h2{font-size:20px}h3,h4,h5,a{font-size:16px}#navigation a{font-size:14px}h5.caption{font-size:13px}.container{width:100%}.mar-20,.mar-70{margin-left:10px}.mar-right{margin-right:0;margin-left:10px}p{width:90%;font-size:14px;line-height:1.5em}.thumbnails{flex-direction:row}#loaderCanvas,#mainCanvas{transform:translate(-50%,-50%) scale(1.5)}.overview-group{grid-template-columns:1fr;gap:15px}#module-sidebar.visible{padding-left:0}#sidebar-revealbutton{top:18px}#sidebar-revealbutton.enable{transform:translate(5px);opacity:1}#sidebar-revealbutton.scrolled.enable{top:18px;opacity:1}#sidebar{top:90px;left:-50px;max-height:75vh}#sidebar.visible{transform:translate(0)}#scrollToTop{left:0}#scrollToTop.visible{bottom:25px}#aboutme>.container{grid-template-columns:1fr;grid-template-rows:1fr;gap:50px}a,button{font-size:10px;line-height:12px}.button{padding:8px}.skill-buttons{gap:8px}.lightbox-content{width:100vw;max-width:100vw}.homeTextContainer{display:none}}