.intro-box{background:linear-gradient(90deg,#fff 50%,#000 0) bottom,linear-gradient(90deg,#fff 50%,#000 0) top;background-repeat:no-repeat;background-size:100% 2px;border-left:2px solid #fff;border-right:2px solid #000;display:flex;height:55vh;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:65vw;z-index:1}.intro-subbox{display:flex;position:relative;width:50%}.pic{bottom:0;height:auto;left:50%;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);width:100%}.intro-text{color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:calc(1em + 1.5vw);justify-content:space-evenly;padding:2rem}.intro-text>:last-child{color:hsla(0,0%,100%,.6);font-size:calc(.5rem + 1.5vw);font-weight:300}a,a:active,a:visited{-webkit-tap-highlight-color:rgba(0,0,0,0);color:inherit;text-decoration:none}a svg,button svg{fill:currentColor}.center-button,.container,.main-container{color:var(--text)}.center-button span{color:inherit}.center-button.clicked{color:var(--body-bg)}.main-container{background:var(--body-bg);font-family:Karla,sans-serif;font-weight:500;height:100vh;overflow:hidden;position:relative;width:100vw}.container{padding:2rem}@media(max-width:480px){.container{padding:1.2rem}}.contact{color:var(--text);position:absolute;right:calc(1rem + 2vw);text-decoration:none;top:2rem;z-index:1}@media(max-width:480px){.contact{font-size:.9rem;right:1rem;top:1rem}}.cv{color:var(--text);position:absolute;right:calc(1rem + 2vw);text-decoration:none;top:50%;-webkit-transform:rotate(90deg) translate(-50%,-50%);transform:rotate(90deg) translate(-50%,-50%);z-index:1}@media(max-width:480px){.cv{font-size:.9rem}}.work{color:var(--text);left:calc(1rem + 2vw);position:absolute;text-decoration:none;top:50%;-webkit-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg);z-index:1}.work.clicked{color:var(--body-bg)}@media(max-width:480px){.work{font-size:.9rem}}.bottom-bar{bottom:1rem;display:flex;justify-content:space-evenly;left:0;position:absolute;right:0;width:100%}@media(max-width:480px){.bottom-bar{align-items:center;flex-direction:column;gap:1rem}}.about,.skills{color:var(--text);text-decoration:none;z-index:1}.about.clicked,.skills.clicked{color:var(--body-bg)}@media(max-width:480px){.about,.skills{font-size:.9rem}}.center-button{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;isolation:isolate;justify-content:center;left:50%;outline:none;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all 1s ease}.center-button svg:first-child{-webkit-animation:rotate 1.5s linear infinite;animation:rotate 1.5s linear infinite}.center-button span{padding-top:1rem}.center-button.clicked{left:92%;top:85%}.center-button.clicked span{display:none}@media(max-width:480px){.center-button{left:50%;top:60%}.center-button svg{height:100px;width:100px}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.dark-div{background-color:#000;bottom:0;height:0;position:absolute;right:50%;top:0;transition:height .5s ease,width 1s ease .5s;width:0;z-index:1}.dark-div.active{height:100%;width:50%}@media(max-width:480px){.dark-div.active{width:100%}}.cursor-follower{background:linear-gradient(90deg,#60a5fa,#a78bfa);border-radius:9999px;height:1.5rem;mix-blend-mode:difference;pointer-events:none;position:fixed;width:1.5rem;z-index:9999}@media(hover:none),(max-width:768px){.cursor-follower{display:none}}.about-box{align-items:center;background-color:#000;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:2rem 1rem;position:relative;width:100vw}@-webkit-keyframes float{0%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}50%{-webkit-transform:translateY(15px) translateX(15px);transform:translateY(15px) translateX(15px)}to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes float{0%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}50%{-webkit-transform:translateY(15px) translateX(15px);transform:translateY(15px) translateX(15px)}to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.spaceman{-webkit-animation:float 4s ease infinite;animation:float 4s ease infinite;position:absolute;right:5%;top:10%;width:20vw}.spaceman img{height:auto;width:100%}@media(max-width:992px){.spaceman{width:25vw}}@media(max-width:768px){.spaceman{margin:2rem auto 1rem;position:relative;right:auto;top:auto;width:40vw}}@media(max-width:480px){.spaceman{margin:1.5rem auto 1rem;width:50vw}}.about-main{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px solid #fff;color:#fff;display:flex;font-family:Ubuntu Mono,monospace;font-size:calc(.6rem + 1vw);font-style:italic;justify-content:center;line-height:1.6;margin-top:8rem;min-height:60vh;padding:2rem;position:relative;text-align:center;width:50vw;z-index:3}@media(max-width:1200px){.about-main{width:60vw}}@media(max-width:992px){.about-main{font-size:1rem;margin-top:6rem;padding:1.5rem;width:70vw}}@media(max-width:768px){.about-main{font-size:.95rem;margin-top:2rem;padding:1.2rem;width:90%}}@media(max-width:480px){.about-main{font-size:.9rem;margin-top:1rem;padding:1rem;width:95%}}.work-box{align-items:center;background-color:#000;display:flex;flex-direction:column;min-height:400vh;overflow-x:hidden;padding:2rem;position:relative}@media(max-width:1600px){.work-box{min-height:300vh}}@media(max-width:992px){.work-box{min-height:250vh;padding:1rem}}@media(max-width:768px){.work-box{min-height:auto;padding:1rem .75rem 4rem}}.work-main{color:#fff;display:flex;gap:5rem;height:40vh;left:calc(10rem + 15vw);position:fixed;top:12rem}@media(max-width:1600px){.work-main{gap:4rem;left:calc(8rem + 12vw)}}@media(max-width:1200px){.work-main{gap:3rem;left:calc(5rem + 10vw);top:10rem}}@media(max-width:992px){.work-main{gap:2.5rem;left:calc(3rem + 8vw)}}@media(max-width:768px){.work-main{align-items:stretch;flex-direction:column;gap:1.5rem;height:auto;justify-content:flex-start;left:auto;margin:7rem auto 2rem;max-width:680px;padding:0 .25rem;position:relative;top:auto;-webkit-transform:none;transform:none;width:100%}}@media(max-width:480px){.work-main{gap:1.25rem;margin:6rem auto 1.5rem;max-width:540px;padding:0}}.work-card-container{display:flex;justify-content:center;width:-webkit-max-content;width:max-content}@media(max-width:992px){.work-card-container{width:auto}}@media(max-width:768px){.work-card-container{display:block;width:100%}.work-card-container,li .work-card-container{padding:.25rem .15rem}}.work-rotate{bottom:2rem;display:block;height:100px;opacity:.8;position:fixed;right:2rem;transition:opacity .3s ease;width:100px;z-index:1}.work-rotate:hover{opacity:1}@media(max-width:1600px){.work-rotate{height:90px;width:90px}}@media(max-width:1200px){.work-rotate{height:80px;width:80px}}@media(max-width:992px){.work-rotate{bottom:1.5rem;height:70px;right:1.5rem;width:70px}}@media(max-width:768px){.work-rotate{bottom:.75rem;height:58px;right:.75rem;width:58px}}.work-background-elements{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.work-circle{background:hsla(0,0%,100%,.05);border-radius:50%;position:absolute}.work-circle:first-child{height:300px;left:5%;top:10%;width:300px}@media(max-width:1600px){.work-circle:first-child{height:250px;width:250px}}@media(max-width:992px){.work-circle:first-child{height:200px;left:3%;top:5%;width:200px}}@media(max-width:768px){.work-circle:first-child{height:140px;left:2%;top:6%;width:140px}}.work-circle:nth-child(2){bottom:10%;height:500px;right:5%;width:500px}@media(max-width:1600px){.work-circle:nth-child(2){height:400px;width:400px}}@media(max-width:992px){.work-circle:nth-child(2){bottom:5%;height:300px;right:3%;width:300px}}@media(max-width:768px){.work-circle:nth-child(2){bottom:12%;height:220px;right:-6%;width:220px}}.is-mobile .work-background-elements{-webkit-filter:blur(.3px);filter:blur(.3px)}.skills-box{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:5rem 2rem 2rem;position:relative;width:100vw}@media(max-width:992px){.skills-box{padding:3rem 1.5rem 1.5rem}}@media(max-width:768px){.skills-box{padding:2rem 1rem}}.skills-container{align-items:center;display:flex;flex-direction:column;margin-top:2rem;width:100%}@media(max-width:992px){.skills-container{flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;margin-top:3rem;max-width:1200px}}.main-skill-card{background-color:#fff;border:2px solid #000;color:#000;cursor:pointer;display:flex;flex-direction:column;font-family:Ubuntu Mono,monospace;justify-content:space-between;line-height:1.5;margin:1rem 0;max-width:500px;min-height:400px;padding:1.5rem;transition:all .3s ease;width:100%;z-index:3}.main-skill-card:hover{background-color:#000;color:#fff}.main-skill-card:hover .title>*{fill:#fff}.main-skill-card:hover .description{color:#fff}@media(max-width:992px){.main-skill-card{height:auto;margin:1rem;width:45%}}@media(max-width:768px){.main-skill-card{margin:.8rem 0;min-height:380px;padding:1.2rem;width:100%}}.title{align-items:center;display:flex;font-size:calc(.8em + 1vw);justify-content:center;margin-bottom:1rem}.title>:first-child{margin-right:1rem}@media(max-width:992px){.title{font-size:calc(1em + 1vw)}}@media(max-width:768px){.title{flex-direction:column;font-size:1.2rem;text-align:center}.title>:first-child{margin-bottom:.5rem;margin-right:0}}.description{color:#000;font-size:calc(.6em + .8vw);padding:.5rem 0}.description strong{display:block;margin-bottom:.5rem;text-transform:uppercase}.description p,.description ul{margin-left:1rem;margin-top:.5rem}@media(max-width:992px){.description{font-size:calc(.7em + .8vw)}}@media(max-width:768px){.description{font-size:.9rem}.description p,.description ul{margin-left:.5rem}}.cv-main-container{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}.cv-container{align-items:center;background-color:rgba(0,0,0,.85);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:5rem 2rem 3rem;position:relative;width:100%}@media(max-width:768px){.cv-container{padding:4rem 1.5rem 2rem}}@media(max-width:480px){.cv-container{padding:3rem 1rem 2rem}}.cv-iframe-wrapper{border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.3);display:flex;flex-direction:column;max-width:900px;min-height:90vh;overflow:hidden;width:90%}@media(max-width:992px){.cv-iframe-wrapper{min-height:80vh}}@media(max-width:768px){.cv-iframe-wrapper{min-height:70vh}}@media(max-width:480px){.cv-iframe-wrapper{min-height:60vh}}.cv-iframe-wrapper iframe{flex-grow:1;height:100%;width:100%}.cv-download-button{background-color:#fff;border-radius:30px;color:#000;font-size:1rem;margin-top:2rem;padding:.75rem 2rem;text-decoration:none;transition:all .3s ease}.cv-download-button:hover{background-color:#000;border:1px solid #fff;color:#fff}@media(max-width:768px){.cv-download-button{font-size:.95rem;padding:.7rem 1.8rem}}@media(max-width:480px){.cv-download-button{font-size:.9rem;padding:.65rem 1.5rem}}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
/*# sourceMappingURL=main.babec6eb.css.map*/