:root{--main-font-family: "Montserrat", sans-serif;--tablet-breakpoint: 768px;--laptop-breakpoint: 1024px;--desktop-breakpoint: 1440px;--light-mode-bg: white;--dark-mode-bg: rgba(0, 0, 0, .8);--light-mode-text: black;--dark-mode-text: white;--background-color: transparent;--text-color: white}.canvas-wrapper{position:relative;width:100%!important;height:100%!important;position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1}.canvas-wrapper canvas{width:100%!important;height:100%!important;position:absolute;left:0;right:0;top:0;bottom:0;z-index:200}.canvas-overlay{position:fixed;height:100%;left:0;right:0;top:0;bottom:0;z-index:-1}.webgl{position:fixed;top:0;left:0;outline:none}@media screen and (width < 768px){:root{font-size:5px}.canvas-mirror-html-wrapper{top:-5px!important}.project-hover{width:100vw;left:-25%}.about-frame{flex-direction:column}.text-container{transform:translateY(15%);width:200%;padding-left:5%;padding-right:5%}}@media screen and (width >= 768px) and (width < 1024px){:root{font-size:9px}}@media screen and (width >= 1024px) and (width < 1440px){:root{font-size:14px}}@media screen and (width >= 1440px){:root{font-size:16px}}.nav-wrapper{display:flex;justify-content:space-between;left:0;right:0;top:0;height:5.5rem;z-index:100000;position:fixed;background:linear-gradient(to bottom,rgb(0,0,0),rgba(0,0,0,.5) 80%,rgba(0,0,0,0) 92.5%)}.nav-links{display:flex;font-family:var(--main-font-family)}.nav-link-wrapper{display:flex;align-items:center;justify-content:center;width:15rem;font-size:1rem}.nav-link-wrapper:hover{opacity:.8}.nav-link-wrapper a{text-decoration:none;color:#fff}.nav-link-wrapper a:hover{text-decoration:underline}@media screen and (width < 780px) and (width > 500px){.nav-wrapper{height:7.5rem;background:linear-gradient(to bottom,rgba(0,0,0,.8),rgba(0,0,0,.5))}.nav-wrapper .nav-link-wrapper{font-size:2.5rem;width:20rem}}@media screen and (width < 500px){.nav-wrapper{height:10rem;background:linear-gradient(to bottom,rgba(0,0,0,.8),rgba(0,0,0,.5))}.nav-link-wrapper a{width:80px;text-align:center}.nav-link-wrapper{display:flex;align-items:center;justify-content:center;width:20rem;font-size:2.75rem}}.title{border-left:2px solid orange}.sub-title{padding-top:7.5%;font-style:italic;font-size:4em}.text{font-size:3em}.text-wrapper{padding-bottom:5em;padding-top:5em}.text-reveal{opacity:0}.sub-title{top:10%}.title-wrapper{height:100vh;display:flex;align-items:center}.title-wrapper *{-webkit-user-select:none;user-select:none}.title-wrapper .sub-title{text-align:end;font-style:italic;font-weight:400}.title{padding-left:.5em;font-size:5em}.text-anim-box{margin-top:25%;position:relative}#about-section .pin-spacer{min-width:50%}@media screen and (width < 780px) and (width > 500px){.title-wrapper{height:40%;padding-left:10%}.pin-spacer{min-width:100%!important}.text-anim-box{margin-top:0}.right-side{min-width:100vw;z-index:1}.title-holder{padding-top:25rem;position:relative;height:10rem}.anim-container{flex-wrap:wrap!important}.left-side{top:5%;max-height:20%!important;z-index:2}.text-anim-box{margin-left:5%;margin-right:5%}.section-title{z-index:200}}@media screen and (width < 500px){.title-wrapper{height:40%;padding-left:10%;width:50vw}.pin-spacer{min-width:100%!important}.text-anim-box{margin-top:0}.right-side{min-width:100vw;z-index:1}.title-holder{padding-top:35rem;position:relative;height:10rem}.anim-container{flex-wrap:wrap!important}.left-side{top:5%;max-height:20%!important;z-index:2}.text-anim-box{margin-left:5%;margin-right:5%}.section-title{z-index:200;width:50vw}.section-sub-title{width:25vw}}.intro-hook-header{text-transform:uppercase;display:flex;flex-direction:column;font-size:10rem}.intro-hook-header .intro-span-even{font-weight:400;background:rgba(0,0,0,0)}.intro-hook-header .intro-span-odd{font-weight:700}.intro-hook-header .intro-line{display:inline-block;line-height:.7;background:rgba(0,0,0,0)}.intro-section-wrapper{padding:.5em;display:flex;justify-content:center;align-items:center}.intro-section-wrapper *{-webkit-user-select:none;user-select:none}.intro-section-wrapper .intro-hook-header{padding-left:.3em}.roulette-wrapper{height:25%;height:1.1em;margin-top:.1em;overflow:hidden;display:inline-block;align-items:center;position:relative;opacity:1}.word-roulette{position:absolute;display:inline-block;top:240%;line-height:1}.word-roulette-3{top:120%}.word-roulette.active{top:0%}#intro-about-section{padding-top:.5em;font-family:var(--main-font-family);text-transform:uppercase;display:flex;flex-direction:column;font-style:italic;font-size:5rem;padding-left:.7em}#intro-about-section .job-word-roulette{display:flex;flex-wrap:nowrap;padding-top:1em}#intro-about-section .modal-anim-wrapper{display:inline-block;width:6em}#intro-about-section .modal-word{position:absolute;display:inline-block;opacity:0;transform:rotateY(0);line-height:1;width:6em;text-align:end;background:-webkit-linear-gradient(105deg,orange,white 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#intro-about-section .modal-word.active{opacity:1}#intro-about-section .modal-static-wrapper{line-height:1;padding-left:.3em}.intro-name{line-height:1.2em;color:orange;font-size:4rem;position:absolute;display:inline-block}.intro-name:hover{cursor:pointer;opacity:.9}.project-box{display:flex;min-width:716.98px;height:300px;padding:2%;margin:3%}.project-box:hover .project-img-box{filter:grayscale(0%)}.project-box:hover div{background-color:#00000080;box-shadow:0 0 30px #000}.project-box{--s: 50px;--t: 5px;--g: 20px;padding:calc(var(--g) + var(--t));outline:var(--t) solid white;outline-offset:calc(-1 * var(--t));mask:conic-gradient(at var(--s) var(--s),rgba(0,0,0,0) 75%,#000 0) 0 0/calc(100% - var(--s)) calc(100% - var(--s)),linear-gradient(#000 0 0) content-box;transition:.4s}.project-box:hover{outline-offset:calc(var(--g) / -1)}.project-img-box{background-size:cover;background-position:50% 30%;opacity:1;border-radius:5%;height:auto;min-width:300px;width:300px;filter:grayscale(70%)}.project-wrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:start;width:100%}#projects{background:linear-gradient(0deg,black,rgba(104,104,104,.2) 60%,black 80%)}.project-info-dependencies-list{display:flex;flex-wrap:wrap;list-style:none;padding-right:5%}.project-info-dependencies-list-item{font-family:Montserrat,sans-serif;font-weight:600;font-size:15px;padding-right:5%}.project-info-box{padding-left:5%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.project-info-name{font-family:Montserrat,sans-serif;font-size:30px;font-weight:300}.project-info-description-long{font-family:Montserrat,sans-serif;font-size:20px;font-weight:300}.project-info-description-short{font-family:Montserrat,sans-serif;font-size:20px;font-weight:300;padding-top:5%;padding-bottom:5%}.link-list-item{padding-right:5%;max-width:50%}.link-list-item a{font-family:Montserrat,sans-serif;font-size:18px;font-weight:500;color:#fff!important;opacity:1}.link-list-item:hover{cursor:pointer;opacity:.3}.link-list{display:flex;align-items:flex-end;padding-right:10%;width:90%}@media (max-width: 760px){.project-box{flex-direction:column;justify-content:center;align-items:center;min-width:320px;width:320px;height:500px}.project-wrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:start;width:100%}.project-img-box{background-size:cover;background-position:50% 30%;opacity:1;border-radius:40%;height:auto;min-width:200px;width:250px;height:400px;filter:grayscale(70%)}.project-info-box{padding-left:15%;height:100%;display:flex;min-width:320px;flex-direction:column;justify-content:flex-start;align-items:center;text-align:start}.project-info-box h1,.project-info-box h2,.project-info-box p,.project-info-box a,.project-info-box ul{width:100%}}.page-section{width:100%;display:flex;justify-content:center;align-items:flex-start;min-height:100vh}.page-section p,.page-section h1,.page-section h2,.page-section .text{font-family:var(--main-font-family);margin:0}.section{font-family:var(--main-font-family)}.section.slide{width:100%;height:100%;max-width:1660px}.left-side{display:flex;flex-wrap:nowrap;align-items:flex-start;height:inherit;width:50%}.right-side{width:50vw;height:100%;display:flex;flex-direction:column;overflow:hidden!important;position:relative}.anim-container{display:flex;flex-wrap:nowrap;position:relative}@media screen and (width < 780px){.intro-section-wrapper{align-items:center}}#tech-section .right-side{justify-content:center;height:auto}#tech-section .contact-form{width:100%;height:50%;display:flex;justify-content:center;align-items:center}#tech-section .contact-form form{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}#tech-section .contact-form form div{display:flex;flex-direction:column;align-items:flex-start;width:60%}#tech-section .contact-form form div label{padding-bottom:.5rem;font-size:1.5em;font-family:var(--main-font-family);font-weight:600}#tech-section .contact-form form div textarea{width:100%;height:100%;border-radius:1em;font-size:1rem;border-color:#000;border:none;font-family:var(--main-font-family);padding:2.5%;outline:none;resize:none}#tech-section .contact-form form div input{width:50%;height:100%;font-size:1rem;border-radius:1em;font-family:var(--main-font-family);padding:1.5%}#tech-section .contact-form form .form-message-field{height:15rem}#tech-section .contact-form form .form-input-field{height:4rem}#tech-section .contact-form form .form-submit-button button{transform:translateY(50%);background-color:#fff0;padding-block:0;border:2px white solid;border-radius:1em;width:10rem;font-size:1.5rem;font-weight:600;font-style:italic;height:2rem;color:#fff;font-family:var(--main-font-family)}#tech-section .contact-form form .form-submit-button button:hover{cursor:pointer;opacity:.7;scale:1}#tech-section .contact-form form .form-submit-button button:active{scale:1.05}#tech-section .contact-form form .form-submit-button p{transform:translateY(100%)}#link-section .right-side{display:flex;align-items:center;justify-content:center;height:100vh}#link-section .link-container{height:50%;width:100%;padding:20% 0%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-template-areas:"link1 link2" "link3 link3"}#link-section .link-container .link-1{grid-area:link1}#link-section .link-container .link-2{grid-area:link2}#link-section .link-container .link-3{grid-area:link3}#link-section .link{display:flex;justify-content:center;align-items:center;--s: 50px;--t: 5px;--g: 15px;padding:calc(var(--g) + var(--t));outline:var(--t) solid white;outline-offset:calc(-1 * var(--t));mask:conic-gradient(at var(--s) var(--s),rgba(0,0,0,0) 75%,#000 0) 0 0/calc(100% - var(--s)) calc(100% - var(--s)),linear-gradient(#000 0 0) content-box;transition:.4s}#link-section .link:hover{outline-offset:calc(var(--g) / -1);cursor:pointer}#link-section .link:hover .link-wrapper{background-color:#00000080;width:100%;height:100%}#link-section .link-wrapper{font-size:2rem;text-shadow:2px 2px 5px black;display:flex;width:50%;height:50%;justify-content:center;align-items:center;transition:.4s}#link-section .link-wrapper .link-name{position:absolute;text-decoration:none;color:#fff}#link-section .link-wrapper .link-icon{width:100px;height:100px;opacity:0}#link-section .link-wrapper .link-icon>img,#link-section .link-wrapper svg{position:absolute;height:inherit;width:inherit}html,body{margin:0;height:auto;background-color:var(--background-color);color:var(--text-color);overflow-x:hidden}.html-tester{left:0;right:0;bottom:0;width:200px;height:200px;font-size:10em}.html-tester div{height:100%}.html-tester div .test-value{height:40px!important}.text{text-shadow:0px 0px 3px gold}.cursor{width:3rem;height:3rem;background:linear-gradient(105deg,orange,white 60%);-webkit-mask-image:url(../Models/circle_02.png);mask-image:url(../Models/circle_02.png);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-mode:alpha;mask-mode:alpha;border-radius:50%;position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:999999}