body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-family:Catamaran,Arial,Helvetica Neue,Helvetica,sans-serif;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a{text-decoration:none}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}h2{font-size:3em}p{color:#c2dde4;font-size:16px;line-height:1.3em;margin-top:2rem}:root{--primary:#3878cd;--primary-highlight:#d7edff;--secondary:#ff84ff;--secondary-highlight:#ffc7ff;--tertiary:#ff003c;--tertiary-highlight:#ffd9e2;--bg-transparent:#000000c2;--bg-primary:#020013;--bg-secondary:#05012a;--bg-tertiary:#201257;--bg-quaternary:#320b66;--bg-quinary:#3879cd98;--gray:#444;--gray-dark:#333;--primary-rgb:12,186,195;--secondary-rgb:255,199,255}#hero{align-items:center;animation:move-right-animation-absolute 1s forwards;display:flex;flex-direction:column;justify-content:center;left:50%;max-width:750px;padding:15px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:opacity .4s;width:calc(100% - 30px);z-index:9997}@keyframes move-right-animation-absolute{0%{opacity:0;transform:translate(-100%,-50%)}to{opacity:1;transform:translate(-50%,-50%)}}.clear-foreground{cursor:auto;opacity:0!important;pointer-events:none}.move-right-animation{animation:move-right-animation 1s forwards;opacity:0;position:relative}@keyframes move-right-animation{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}#hero h1{color:#f8bc04;font-size:1.4em}html{background-color:#191919;overflow-x:hidden;scroll-behavior:smooth}#canvas{transition:filter .4s}#environment-button{align-items:center;background-color:#000;border:2px solid hsla(0,1%,42%,.634);border-radius:30px;cursor:pointer;display:flex;height:40px;left:15px;position:absolute;top:25px;width:70px;z-index:9999}#achievements-menu{cursor:pointer;position:relative}#achievements-menu:hover #arrow-down{fill:#fff}#achievements-menu:hover #sub-menu-container{opacity:1;pointer-events:auto}#arrow-down{fill:#c2dde4}.environment-circle{background-color:#c2dde4;height:38px;left:0;transition:width .1s;width:38px}.environment-circle,.environment-switch{border-radius:50px;margin:2px;position:absolute}.environment-switch{font-size:20px;line-height:0}.environment-switch svg{background-color:#000;border:2px solid #c2dde4;border-radius:50px;color:#c2dde4;padding:7px;transition:color .4s}.brighten-canvas{filter:brightness(40%)}.move-right{animation-duration:.05s;animation-fill-mode:forwards;animation-name:right}@keyframes right{0%{left:0}25%{right:25%}50%{right:50%}to{right:0}}#background-containers{align-items:center;background-color:#000000c2;background-color:var(--bg-transparent);border-radius:50px;bottom:30px;display:flex;justify-content:center;left:15px;padding:10px;position:absolute}.background-circle{background-color:#c2dde4;border-radius:50px;cursor:pointer;height:12px;opacity:40%;transition:opacity .4s;width:12px}.background-circle:hover{opacity:75%}.background-circle:not(:last-child){margin-right:.8rem}.current-background{opacity:100%}#about-anchor{position:absolute;top:0}#projects .window-content,[id$=-anchor]{position:relative}[id$=-anchor]{top:-80px}#header{background-color:#0000;position:fixed;right:0;top:0;transition:background-color .3s ease,opacity .4s;width:100%;z-index:9998}#sub-menu-container{opacity:0;pointer-events:none;position:absolute;transition:opacity .4s;width:100%}#sub-menu{background-color:#000000c2;background-color:var(--bg-transparent);border-radius:0 0 5px 5px;color:#c2dde4;font-size:4.2rem;position:relative;top:30px}#sub-menu>li{font-size:.4em!important;padding:10px}#sub-menu a{display:block}.darken{background-color:#000000c2!important;background-color:var(--bg-transparent)!important}#desktop-menu{display:none;font-size:2rem;gap:30px;justify-content:flex-end;padding:30px}#desktop-menu a{color:#c2dde4;transition:color .4s}#desktop-menu li:hover>a{color:#fff}#logo-menu{align-items:center;background-color:rgba(248,188,4,.384);-webkit-clip-path:polygon(100% 0,92% 10%,100% 18%,92% 25%,100% 34%,92% 41%,100% 51%,92% 63%,99% 71%,92% 77%,100% 87%,92% 94%,100% 100%,0 100%,0 0);clip-path:polygon(100% 0,92% 10%,100% 18%,92% 25%,100% 34%,92% 41%,100% 51%,92% 63%,99% 71%,92% 77%,100% 87%,92% 94%,100% 100%,0 100%,0 0);display:flex;height:100vh;justify-content:center;left:30px;position:absolute;top:-30px;transform:translateX(-100%);transition:transform .3s,background-color .4s;width:50%}#logo-menu svg{max-width:200px;width:90%}.menu-theme-button{cursor:pointer}#mobile-menu{position:absolute;right:30px;top:30px;transform:rotate(0deg);transition:.5s ease-in-out;width:100%}#mobile-menu ul:not(#contact){display:flex;flex-direction:column;gap:20px}#mobile-menu li{padding:5px}#mobile-menu span{background:#c2dde4;border-radius:9px;display:block;height:5px;left:0;opacity:1;position:absolute;transform:rotate(0deg);transition:.25s ease-in-out,background-color .4s;width:100%}#mobile-menu span:first-child{top:0}#mobile-menu span:nth-child(2),#mobile-menu span:nth-child(3){top:15px}#mobile-menu span:nth-child(4){top:30px}#mobile-menu.theme-change nav a{color:#f8bc04}#mobile-menu.theme-change #menu-button span{background-color:#f8bc04}#menu-button{cursor:pointer;height:39px;max-width:50px;position:absolute;right:-15px;transition:filter .4s!important;width:100%;z-index:9999}#menu-button:hover{filter:brightness(200%)}#mobile-menu nav{align-items:center;background-color:#f8bc04;-webkit-clip-path:polygon(8% 0,0 10%,8% 18%,0 25%,8% 34%,0 41%,8% 51%,0 63%,7% 71%,0 77%,8% 87%,0 94%,8% 100%,100% 100%,100% 0);clip-path:polygon(8% 0,0 10%,8% 18%,0 25%,8% 34%,0 41%,8% 51%,0 63%,7% 71%,0 77%,8% 87%,0 94%,8% 100%,100% 100%,100% 0);display:flex;font-size:1.4em;height:100vh;justify-content:center;position:absolute;right:-30px;top:-30px;transform:translateX(100%);transition:transform .3s,background-color .4s;width:50%}#mobile-menu nav li:hover a{filter:brightness(200%);text-decoration:underline}#mobile-menu nav a{display:block;font-weight:900;transition:filter .4s,color .4s}#mobile-menu.open:not(.theme-change) nav li:hover a{color:#f8bc04}#mobile-menu.open:not(.theme-change) a{color:#1554a3}#mobile-menu.open:not(.theme-change) #menu-button:hover span{background-color:#f8bc04}#menu-background{height:100vh;pointer-events:none;position:absolute;right:-30px;top:-30px;width:100vw}#contact{bottom:0;display:flex;font-size:1em;gap:25px;justify-content:center;margin-bottom:5px;position:absolute;right:10px;vertical-align:middle;width:calc(100% - 25px)}#contact li{padding:0}#mobile-menu.open span{background-color:#1554a3}#mobile-menu.open span:first-child{left:50%;top:18px;width:0}#mobile-menu.open span:nth-child(2){transform:rotate(45deg)}#mobile-menu.open span:nth-child(3){transform:rotate(-45deg)}#mobile-menu.open span:nth-child(4){left:50%;top:18px;width:0}#mobile-menu.open #logo-menu{transform:translateX(-3%)}#mobile-menu.open nav{transform:translateX(3%)}.first-animation #logo-menu{animation:lock-left .4s .6s forwards,change-colors-left 2s .6s forwards}.first-animation nav{animation:lock-right .4s .6s forwards}.first-animation #menu-background{transition:background-color .1s .4s}#mobile-menu.final-animation #logo-menu,#mobile-menu.final-animation nav{width:53.78%}@keyframes change-colors-left{25%{background-color:#983e20}50%{background-color:#6b1327}75%{background-color:#1554a3}to{background-color:rgba(248,188,4,.384)}}@keyframes lock-left{to{width:53.78%}}@keyframes lock-right{to{width:53.78%}}#content{color:#f8bc04;margin:auto;padding:1rem}#content a{color:#f8bc04;letter-spacing:.05em}.section{font-size:15px;height:570px;margin:auto auto 100px;max-width:1000px;overflow:hidden;position:relative;transition:height .4s}.section h2,.section h3{display:inline-block;position:relative}.section h2>span{margin-left:10px;position:relative;z-index:3}.title-background{border-radius:0 20px 0 20px;bottom:-8px;height:2.625rem;left:0;position:absolute;z-index:-1}.title-background-bot{border-radius:0 0 20px 30px;bottom:0;height:1.312rem;position:absolute}.tabs-desktop{bottom:-7px;display:none;gap:20px;margin-left:30px;position:absolute;z-index:0}.tabs-mobile{display:inline-block;font-size:1.1em;padding:7px 15px;position:relative;text-align:center;width:165px}.tabs-mobile h3{font-size:1.7em}.tabs-mobile .left-arrow,.tabs-mobile .right-arrow{top:18px}.tabs-mobile .left-arrow{left:-15px}.tabs-mobile .right-arrow{right:-15px}.restrict-background{background-color:#191919;height:2.8em;position:absolute;right:0;top:12px;z-index:1}.section h2>.cut-out{border-radius:0 20px 0 20px;bottom:-5px;height:.87em;left:1.5px;width:110%}.tabs-desktop .cut-out{border-radius:5px 5px 5px 5px;bottom:-5.5px;height:1.6em;left:.26em;transition:background-color .4s;width:100%}.cut-out{background-color:#191919;position:absolute;z-index:-1}.tabs-desktop h3{font-size:.35em}.tabs-desktop h3:hover .cut-out{background-color:#0006}.tabs-desktop span{cursor:pointer;margin-left:10px;white-space:nowrap}#main-content .section-container:first-child .section .title-background,#main-content .section-container:first-child .section .title-background-bot{background-color:#1554a3}#main-content .section-container:first-child .section .window-content{background:linear-gradient(0deg,rgba(21,85,163,.427),#1555a300);border-color:#1554a3}#main-content .section-container:nth-child(2) .section .title-background,#main-content .section-container:nth-child(2) .section .title-background-bot{background-color:#983e20}#main-content .section-container:nth-child(2) .section .window-content{background:linear-gradient(0deg,rgba(152,62,32,.427),#983e2000);border-color:#983e20}#main-content .section-container:nth-child(3) .section .title-background,#main-content .section-container:nth-child(3) .section .title-background-bot{background-color:#6b1327}#main-content .section-container:nth-child(3) .section .window-content{background:linear-gradient(0deg,rgba(107,19,39,.427),#6b132800);border-color:#6b1327}.minimize-section{height:80px!important}.minimize-section .loading-screen-container{display:none}.expand-circle{width:calc(100% - 4px)}.expand-background{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000de;height:100vh;left:0;position:fixed;top:0;transition:-webkit-backdrop-filter 2s;transition:backdrop-filter 2s;transition:backdrop-filter 2s,-webkit-backdrop-filter 2s;width:100%;z-index:9999}.remove-scroll{overflow:hidden}.project-title{position:relative}#reviews.expand-section .window-content>.expand-content-container:last-child{margin-bottom:30px}.expand-section{height:calc(100vh - 600px);left:50%;max-width:950px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:9999}.expand-section .restrict-background{width:0!important}.expand-section .loading-screen-container{opacity:0;pointer-events:none}.expand-section .all-projects-tab{height:100%}.expand-section .window-content{display:block;overflow:auto}.expand-section .window-content>div>h3{font-size:1.8em;margin:30px 0}.expand-section [class$=-tab]{background:none!important}.expand-section .content-tab{height:auto}.expand-section #current-project .project-title{max-width:350px;width:100%}.expand-section #current-project h3{font-size:1.3em}.expand-section #current-project p{margin:.5em}.expand-section #current-project .project-image-container{max-width:350px}.expand-section #current-project .built-with-list img{width:40px}.expand-section #current-project .external-link{font-size:1.2em}.expand-section .skills-list img{max-width:70px}.expand-section .skill{max-width:152px}.expand-section .tabs-mobile{display:none}.restrict-window{pointer-events:none}.window-content{border-radius:0 5px 0 0;border-style:solid;border-width:0 2px;height:calc(100% - 74px);position:relative;text-align:center;top:8px}.loading-screen-container{align-items:center;background-color:#000000c2;background-color:var(--bg-transparent);border-radius:0 6px 0 0;bottom:21px;display:flex;height:496px;justify-content:center;left:2px;margin:auto;position:absolute;transition:opacity .4s;width:calc(100% - 4px);z-index:9997}.loading-complete .loading-screen-container{opacity:0;pointer-events:none;transition:opacity .4s,visibility 0s .4s;visibility:hidden}.loading-screen{animation:glitch-skew 1s linear infinite alternate-reverse;color:#f8bc04;font-family:Fira Mono,monospace;font-size:3em;font-weight:900;letter-spacing:.1em;position:relative;top:12px}.loading-screen:before{animation:glitch-anim 5s linear infinite alternate-reverse;left:0;left:2px;text-shadow:-2px 0 #ff00c1}.loading-screen:after,.loading-screen:before{clip:rect(44px,450px,56px,0);content:attr(title);height:100%;position:absolute;top:0;width:100%}.loading-screen:after{animation:glitch-anim2 5s linear infinite alternate-reverse;left:0;left:-2px;text-shadow:-2px 0 #ff00c1,2px 2px #ff00c1}@keyframes glitch-anim{0%{clip:rect(12px,9999px,80px,0);transform:skew(.47deg)}5%{clip:rect(81px,9999px,19px,0);transform:skew(.17deg)}10%{clip:rect(52px,9999px,33px,0);transform:skew(.47deg)}15%{clip:rect(69px,9999px,93px,0);transform:skew(.9deg)}20%{clip:rect(67px,9999px,84px,0);transform:skew(.03deg)}25%{clip:rect(52px,9999px,45px,0);transform:skew(.08deg)}30%{clip:rect(31px,9999px,53px,0);transform:skew(.25deg)}35%{clip:rect(7px,9999px,95px,0);transform:skew(.79deg)}40%{clip:rect(74px,9999px,99px,0);transform:skew(.6deg)}45%{clip:rect(63px,9999px,57px,0);transform:skew(.12deg)}50%{clip:rect(71px,9999px,82px,0);transform:skew(.85deg)}55%{clip:rect(66px,9999px,28px,0);transform:skew(.89deg)}60%{clip:rect(81px,9999px,58px,0);transform:skew(.92deg)}65%{clip:rect(14px,9999px,41px,0);transform:skew(.67deg)}70%{clip:rect(63px,9999px,42px,0);transform:skew(.6deg)}75%{clip:rect(61px,9999px,45px,0);transform:skew(.11deg)}80%{clip:rect(18px,9999px,80px,0);transform:skew(.83deg)}85%{clip:rect(73px,9999px,62px,0);transform:skew(.51deg)}90%{clip:rect(5px,9999px,56px,0);transform:skew(.87deg)}95%{clip:rect(87px,9999px,9px,0);transform:skew(.13deg)}}@keyframes glitch-anim2{0%{clip:rect(62px,9999px,99px,0);transform:skew(.05deg)}5%{clip:rect(27px,9999px,87px,0);transform:skew(.92deg)}10%{clip:rect(48px,9999px,48px,0);transform:skew(.11deg)}15%{clip:rect(86px,9999px,68px,0);transform:skew(.5deg)}20%{clip:rect(10px,9999px,64px,0);transform:skew(.49deg)}25%{clip:rect(54px,9999px,98px,0);transform:skew(.91deg)}30%{clip:rect(96px,9999px,71px,0);transform:skew(.36deg)}35%{clip:rect(5px,9999px,83px,0);transform:skew(.61deg)}40%{clip:rect(82px,9999px,80px,0);transform:skew(.44deg)}45%{clip:rect(67px,9999px,89px,0);transform:skew(.93deg)}50%{clip:rect(69px,9999px,64px,0);transform:skew(.3deg)}55%{clip:rect(56px,9999px,87px,0);transform:skew(.48deg)}60%{clip:rect(64px,9999px,58px,0);transform:skew(.19deg)}65%{clip:rect(56px,9999px,37px,0);transform:skew(.45deg)}70%{clip:rect(50px,9999px,97px,0);transform:skew(.59deg)}75%{clip:rect(33px,9999px,43px,0);transform:skew(.02deg)}80%{clip:rect(68px,9999px,60px,0);transform:skew(.59deg)}85%{clip:rect(18px,9999px,8px,0);transform:skew(.95deg)}90%{clip:rect(48px,9999px,28px,0);transform:skew(.85deg)}95%{clip:rect(62px,9999px,85px,0);transform:skew(.14deg)}}@keyframes glitch-skew{0%{transform:skew(-3deg)}10%{transform:skew(0deg)}20%{transform:skew(4deg)}30%{transform:skew(1deg)}40%{transform:skew(2deg)}50%{transform:skew(-2deg)}60%{transform:skew(-4deg)}70%{transform:skew(-4deg)}80%{transform:skew(1deg)}90%{transform:skew(3deg)}}#arrow-svg{background-color:rgba(0,0,0,.761);border-radius:50%;bottom:30px;height:auto;position:fixed;right:15px;transition:transform .4s;width:55px;z-index:9997}#arrow-svg:hover{transform:scale(1.1)}#arrow-svg:hover circle{animation:none;filter:drop-shadow(0 0 10px #c2dde4)}#arrow-svg circle{fill:#c2dde4;animation-duration:1s;animation-iteration-count:infinite;animation-name:random;animation-timing-function:linear;transition:filter .4s}#arrow-down path{transition:fill .4s}#arrow-svg circle:first-child{animation-delay:805ms}#arrow-svg circle:nth-child(2){animation-delay:445ms}#arrow-svg circle:nth-child(3){animation-delay:504ms}#arrow-svg circle:nth-child(4){animation-delay:296ms}#arrow-svg circle:nth-child(5){animation-delay:385ms}#arrow-svg circle:nth-child(6){animation-delay:15ms}#arrow-svg circle:nth-child(7){animation-delay:612ms}#arrow-svg circle:nth-child(8){animation-delay:74ms}#arrow-svg circle:nth-child(9){animation-delay:793ms}#arrow-svg circle:nth-child(10){animation-delay:.45s}#arrow-svg circle:nth-child(11){animation-delay:211ms}#arrow-svg circle:nth-child(12){animation-delay:697ms}#arrow-svg circle:nth-child(13){animation-delay:376ms}#arrow-svg circle:nth-child(14){animation-delay:546ms}#arrow-svg circle:nth-child(15){animation-delay:189ms}#arrow-svg circle:nth-child(16){animation-delay:456ms}#arrow-svg circle:nth-child(17){animation-delay:135ms}#arrow-svg circle:nth-child(18){animation-delay:546ms}#arrow-svg circle:nth-child(19){animation-delay:812ms}#arrow-svg circle:nth-child(20){animation-delay:.44s}#arrow-svg circle:nth-child(21){animation-delay:1ms}#arrow-svg circle:nth-child(22){animation-delay:.21s}#arrow-svg circle:nth-child(23){animation-delay:209ms}#arrow-svg circle:nth-child(24){animation-delay:115ms}#arrow-svg circle:nth-child(25){animation-delay:32ms}#arrow-svg circle:nth-child(26){animation-delay:608ms}#arrow-svg circle:nth-child(27){animation-delay:101ms}#arrow-svg circle:nth-child(28){animation-delay:783ms}@keyframes random{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.minus-icon,.square-icon,.x-icon{animation:glow 3s infinite;color:#fff;cursor:pointer;font-size:25px;position:absolute;top:20px}.minus-icon:hover,.square-icon:hover,.x-icon:hover{color:#f8bc04}.x-icon{right:20px}.square-icon{right:50px}.minus-icon{right:80px}.section:not(.expand-section)>.minus-icon,.section:not(.expand-section)>.square-icon,.section:not(.expand-section)>.x-icon{display:none}#current-project-exit{display:inline;display:initial}@keyframes glow{0%{filter:brightness(100%)}50%{filter:brightness(75%)}to{filter:brightness(100%)}}.current-content{background-color:#0006;border:.1px solid rgba(248,187,4,.576)}[class$=-tab]{align-items:center;display:flex;flex-wrap:wrap;font-size:1.3em;height:calc(100% - 58.05px);justify-content:center;overflow:auto;width:100%}[class$=-tab] img{width:100%}h3:not(#current-project,.expand-section .all-projects-tab>h3,.expand-content-container>h3){margin:8px 0}[class$=-list]{display:flex;flex-wrap:wrap;gap:5px}.projects-list,.skills-list{justify-content:space-around;width:100%}.built-with-list{align-items:center;justify-content:center}.built-with-list img{width:35px}.expand-section .skills-list{padding:20px}.skills-list p{margin-bottom:1em;margin-top:.5em}.skill{max-width:166px;width:100%}.skill img{max-width:62px}.projects-list{gap:10px;padding:10px}.hide-project{display:none}.project{background-color:rgba(0,0,0,.458);border-radius:10px;box-sizing:border-box;cursor:pointer;padding:8px;position:relative;transition:transform .4s;width:220px}.project h3{font-size:1em}.project p{margin:0}.project:hover{transform:scale(1.03)}.project img:not(.built-with-list img){border-radius:10px}.triangle-container{animation-duration:10s;animation-iteration-count:infinite;animation-name:grow;animation-timing-function:linear;cursor:default;position:absolute}.hide{display:none}.parent-triangle{-webkit-text-fill-color:#0000;-webkit-background-clip:text!important;background-clip:text!important;font-size:80px;transition:text-shadow 1s ease-out}.child-triangle{color:#191919;font-size:65px;left:7.3px;position:absolute;top:8.4px}@keyframes grow{0%{opacity:0;transform:scale(.5) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(180deg)}to{opacity:0;transform:scale(.5) rotate(1turn)}}#current-project{align-items:center;background:linear-gradient(0deg,rgba(152,62,32,.427),#983e2000);border-radius:0;border-radius:initial;cursor:auto;height:100%;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;transition:none 0s ease 0s;transition:initial;width:100%}#current-project p{max-width:500px;text-align:left;text-align:initial}#current-project:hover{transform:none}#current-project .project-image{width:100%}#current-project .project-title{margin-top:.4em;max-width:200px;width:100%}#current-project h3{margin:.4em 0}#current-project .external-link{bottom:auto;font-size:1.2em}#current-project .external-link:hover{transform:none}.left-arrow,.right-arrow{animation:glow 2s infinite;cursor:pointer;font-size:1.3em;position:absolute;top:-4px}.left-arrow{left:0}.right-arrow{right:0}.external-link{animation:glow 2s infinite;background-color:#000000c2;background-color:var(--bg-transparent);border-radius:0 9px 0 9px;color:#f8bc04;display:inline-block;display:flex;font-size:1.4em;gap:10px;padding:7px;position:absolute;right:0;top:0;transition:transform .4s}#current-project{display:flex;flex-direction:column}#current-project .project-image-container{max-width:300px;position:relative;width:80%}.review{padding:0 15px}.review p{max-width:500px}.review div{text-align:left}.review img{border:3px solid #f8bc04;border-radius:50%;max-height:170px;max-width:170px;min-height:170px;min-width:170px}.link{animation:glow 3s infinite;color:#f8bc04;text-decoration:underline}#services{margin:auto;max-width:1200px}#services h2{font-size:1.7em;text-align:center}#services>div{display:inline-block;margin:3em 0;width:100%}#services p{margin:2em 0}#map{opacity:0}#world-map{display:block;height:100%;margin:auto;width:100%}#path5{fill:#c2dde4}#world-map path{stroke:none;fill-rule:nonzero;fill:#1554a3;fill-opacity:1;stroke-width:0;transition:fill 2s,stroke 2s,stroke-width 2s}#world-map path:hover{fill:#fff!important;transition:fill .05s}.stroke-blip{stroke-width:15!important;stroke:#1554a3!important}.blip{fill:#fff!important}#approach{opacity:0}.animated-svg-desktop,.animated-svg-mobile{width:50%}.animated-svg-desktop{display:none}#footer a{color:#c2dde4}#footer-contact ul,#social ul{display:flex;gap:30px;justify-content:center}#social ul li{transition:transform .4s}#social ul li:hover{transform:scale(1.15)}#social ul a{font-size:30px;transition:color .4s}#footer-contact{margin:30px 0}#footer-contact ul{display:inline;display:initial;text-align:center}#footer-contact ul li{font-size:16px}#footer-contact ul li:first-child{margin-bottom:10px}#social ul>li:first-child:hover a{color:#1554a3}#social ul>li:nth-child(2):hover a{color:#983e20}#social ul>li:nth-child(3):hover a{color:#6b1327}#social ul>li:active a{color:#f8bc04!important}#split{color:#c2dde4;display:none;font-size:27px!important;padding:0!important}.footer-icon{margin-right:15px}#copyright{font-size:14px;margin:10px 0;padding:0 5px;text-align:center}@media(min-width:430px){#contact{gap:40px;justify-content:flex-end;right:30px}#mobile-menu nav{font-size:2em}}@media(min-width:600px){#hero h1{font-size:2em}#hero p{font-size:1.3em}}@media(min-width:700px){#footer-contact{margin-bottom:0}#footer-contact ul{display:flex}#footer-contact ul li{font-size:20px}#footer-contact ul li:first-child{margin:0}#split{display:inline;display:initial}}@media(min-width:900px){[class$=-tab]{height:100%}[id$=-anchor]{top:-70px}#hero h1{font-size:2em}h2{font-size:4em}p:not(.expand-section p){font-size:20px}.restrict-background{top:26px}.minus-icon,.square-icon,.x-icon{top:34px}.section h2>.cut-out{height:.7em}.loading-screen-container{height:481px}.section>#current-project-exit{top:34px}.tabs-desktop{display:inline-flex}.tabs-mobile{display:none}.skills-list{padding:20px}.skills-list:not(.expand-section) img{max-width:90px}.skill{max-width:188px}.section:not(.expand-section)>.minus-icon,.section:not(.expand-section)>.square-icon,.section:not(.expand-section)>.x-icon{display:inline;display:initial}.window-content{align-items:center;display:flex;height:calc(100% - 89px);justify-content:center}.project{padding:10px;width:240px}.project h3{font-size:1.2em}#current-project>div:not(.project-image-container,.expand-section #current-project>div){width:52%}#current-project h3{font-size:1.4em}#current-project .project-image-container{max-width:375px;width:100%}#current-project .project-image-container:not(.expand-section .project-image-container){margin-right:30px}#current-project .built-with-list img{width:44px}#current-project .external-link{font-size:1.5em}#current-project .project-title:not(.expand-section .project-title){margin-top:0;max-width:350px}.section #current-project:not(.expand-section #current-project){flex-direction:row}.review{display:flex;gap:30px}.review p{max-width:600px}.review h3{display:inline;display:initial;text-align:left;text-align:initial}.review img{max-height:220px;max-width:220px;min-height:220px;min-width:220px}#services h2{font-size:3em}#services p{font-size:1.5em}#world-map{width:60%}.animated-svg-mobile{display:none}.animated-svg-desktop{display:inline;display:initial}}@media(min-width:930px){.expand-section{height:calc(100vh - 400px)}.expand-section p{font-size:20px}.expand-section .project{width:243px}.expand-section .skill{max-width:180px}.expand-section #current-project{flex-direction:row}.expand-section #current-project p{max-width:none}.expand-section #current-project>div:not(.project-image-container){width:100%}.expand-section #current-project .project-image-container{margin-right:30px;max-width:400px;width:100%}.expand-section #current-project h3{font-size:1.6em}.expand-section #current-project .built-with-list img{width:44px}.expand-section #current-project .project-image-container{max-width:500px}.expand-section #current-project .external-link{font-size:1.5em}.expand-section #current-project .project-title{max-width:400px}}@media(min-width:1200px){[id$=-anchor]{top:-120px}#hero{display:inline;display:initial;height:auto;margin-left:50px;max-width:1980px;padding:0;text-align:left;text-align:initial;width:100%}#hero h1{color:#f8bc04;font-size:2.9em}#hero p{font-size:1.6em;line-height:1.5em;width:900px}#desktop-menu{display:flex}#mobile-menu{display:none}#background-containers,#environment-button{left:30px}#arrow-svg{right:30px}}@media(min-width:1300px){.section-shapes{display:block;height:620px;left:0;margin-left:auto;margin-right:auto;position:absolute;right:0;width:1000px}}
/*# sourceMappingURL=main.55e8ef45.css.map*/