@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--color-background: #111111;--color-pre-background: #000;--color-foreground: #fff;--color-accent: rgb(200, 180, 160);--font-primary: "Inter", sans-serif;--font-secondary: "IBM Plex Mono", monospace;--font-greedy: "Raleway", serif}body{background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-primary)}img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.wrapper{max-width:1200px;width:100%;margin:0 auto;height:auto;padding:0px 40px;position:relative;clear:both}.hide-mobile{display:block}@media screen and (max-width: 1023px){.hide-mobile{display:none}}.hide-desktop{display:block}@media screen and (min-width: 1024px){.hide-desktop{display:none}}.preloader{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--color-background);display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1000}.preloader .text-container{height:3em;position:relative;overflow:hidden;margin:20px 0;width:100%;z-index:2}.preloader .text-container .loading-text{font-family:var(--font-primary);font-weight:300;color:var(--color-foreground);font-size:1rem;text-transform:uppercase;letter-spacing:-0.02em;position:absolute;width:100%;text-align:center}.preloader .text-container .loading-text.initial{transform:translateY(0)}.preloader .text-container .loading-text.complete{transform:translateY(100%)}.preloader .text-container .loading-text .char{display:inline-block}@media screen and (max-width: 1023px){.preloader .text-container .loading-text{font-size:3rem}}.preloader .percentage{font-family:var(--font-primary);font-weight:700;font-size:5rem;line-height:.8;color:var(--color-foreground);opacity:1;z-index:3}@media screen and (max-width: 1023px){.preloader .percentage{font-size:10rem}}.preloader .split-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.preloader .split-background .top-half,.preloader .split-background .bottom-half{position:absolute;width:100%;height:50%;background:#000}.preloader .split-background .top-half{top:0}.preloader .split-background .bottom-half{bottom:0}nav{height:6rem;width:100vw;position:fixed;z-index:10;transition:background-color .3s ease,box-shadow .3s ease,transform .3s ease}nav.scrolled{transform:translateY(0rem);background-color:rgba(17,17,17,.8901960784);box-shadow:0 3px 20px rgba(0,0,0,.4)}.nav-container{height:6rem;max-width:1200px;margin:0 auto;display:flex;align-items:center}@media screen and (max-width: 1023px){.nav-container{height:10rem}}.logo{width:25%;padding:1%;text-align:center}@media screen and (max-width: 1023px){.logo{width:38rem;padding:3%}}.nav-links{display:flex;top:0;list-style:none;width:75%;padding:0 .7vw;justify-content:flex-end;align-items:center;text-transform:uppercase}@media screen and (max-width: 1023px){.nav-links{position:fixed;background:#131418;height:50vh;width:100%;flex-direction:column;clip-path:circle(50px at 90% -20%);-webkit-clip-path:circle(50px at 90% -10%);transition:all 1s ease-out;pointer-events:none;justify-content:space-evenly}.nav-links.open{clip-path:circle(2000px at 90% -10%);-webkit-clip-path:circle(2000px at 90% -10%);pointer-events:all}}.nav-links li a{text-decoration:none;margin:0 1.5vw;color:#fff;font-size:1rem}@media screen and (max-width: 1023px){.nav-links li a{font-size:3rem}}.nav-links li a:hover{color:#61dafb}.nav-links li{position:relative}@media screen and (max-width: 1023px){.nav-links li{opacity:0}}.nav-links li a::before{content:"";display:block;height:3px;width:0%;background-color:#c01ce0;position:absolute;bottom:0;transition:all ease-in-out 250ms;margin:0 0 -3% 1.5vw}.nav-links li a:hover::before{width:30%}.hamburger{display:none}@media screen and (max-width: 1023px){.hamburger{display:block;position:absolute;cursor:pointer;right:5%;z-index:2;transition:all .7s ease}}.hamburger div{width:70px;height:7px;background:#f2f5f7;margin:14px;transition:all .3s ease}.hamburger.toggle div{margin:2px}.nav-links li:nth-child(1){transition:all .5s ease .2s}.nav-links li:nth-child(2){transition:all .5s ease .4s}.nav-links li:nth-child(3){transition:all .5s ease .6s}.nav-links li:nth-child(4){transition:all .5s ease .7s}.nav-links li:nth-child(5){transition:all .5s ease .8s}.nav-links li:nth-child(6){transition:all .5s ease .9s;margin:0}.nav-links li:nth-child(7){transition:all .5s ease 1s;margin:0}li.fade{opacity:1}.toggle .line1{transform:rotate(-45deg) translate(-5px, 6px)}.toggle .line2{transition:all .7s ease;width:0}.toggle .line3{transform:rotate(45deg) translate(-5px, -6px)}.hero-container{position:relative;height:100vh;width:100%;background:url("../img/header.jpg") center no-repeat;background-size:cover}@media screen and (max-width: 1023px){.hero-container{background-position:72% 50%}}.hero-container #headline{font-family:var(--font-greedy);font-weight:300;font-size:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.hero-container .wirl{position:absolute;bottom:0;left:0}.hero-container .details-container{height:100%}.hero-container .details-container .details{position:absolute;top:50%;transform:translateY(-50%);z-index:5}.hero-container .details-container .details .name{font-size:72px;font-weight:700;color:#fff;margin-bottom:11px}@media screen and (max-width: 1023px){.hero-container .details-container .details .name{font-size:7rem}}.hero-container .details-container .details .job{color:#ddd;letter-spacing:1.5px;font-size:17px;font-weight:500;margin-bottom:40px;font-style:italic}@media screen and (max-width: 1023px){.hero-container .details-container .details .job{font-size:2.5rem}}.scroll_down{position:absolute;z-index:7;bottom:7%}.scroll_down .line_wrapper{position:absolute;height:80px;transition:all .7s}.scroll_down .line_wrapper:before{content:"";background-color:#fff;width:1px;display:block;animation:scroll-down 2s ease-in-out infinite}@keyframes scroll-down{0%{height:0}50%{height:100%}70%{height:100%;transform:scaleY(0.5);transform-origin:bottom}100%{height:100%;transform:scaleY(0);transform-origin:bottom}}