@import "https://fonts.googleapis.com/css?family=Roboto:100,300,400,700";@import "https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700";.slider-in{animation:1s ease-in-out forwards slide-in}.slider-out{animation:1s ease-in-out forwards slide-out}@keyframes slide-in{to{left:0}}@keyframes slide-out{0%{left:0}to{left:-100%}}.tooltip-class{display:inline-block;position:relative}.tooltip-class .tooltip-text{visibility:hidden;color:#fff;text-align:center;z-index:1;background-color:#212121;border-radius:6px;justify-content:center;align-items:center;width:7rem;height:2.5rem;margin-top:-5rem;padding:3px 0;font-size:10px;display:flex;position:absolute}.tooltip-class .tooltip-text:after{content:"";border:5px solid #0000;border-top-color:#212121;margin-left:-5px;position:absolute;top:100%;left:50%}.tooltip-class:hover .tooltip-text{visibility:visible}.tooltip-class-small{border-bottom:1px dotted #000;display:inline-block;position:relative}.tooltip-class-small .tooltip-text{visibility:hidden;color:#fff;text-align:center;z-index:1;background-color:#fff;border-radius:6px;width:70px;height:20px;margin-top:-28px;margin-left:-8px;padding:3px 0;font-size:.6rem;position:absolute}.tooltip-class-small .tooltip-text:after{content:"";border:5px solid #0000;border-top-color:#fff;margin-left:-5px;position:absolute;top:100%;left:50%}.tooltip-class-small:hover .tooltip-text{visibility:visible}.icon{color:#222;font-size:40px;transition:color .8s ease-in-out}@media only screen and (width<=480px){.icon{font-size:30px}}@font-face{font-family:Helvetica;font-weight:400;font-style:normal;src:url(/_astro/Helvetica.Cte0Ds4x.woff2)format("woff2");font-display:swap}@font-face{font-family:Press Start;font-weight:400;font-style:normal;src:url(/_astro/PressStart.CnlU_ZvO.woff2)format("woff2");font-display:swap}:root{--color-accent:#dc143c;--font-roboto:"Roboto", serif;--font-roboto-condensed:"Roboto Condensed", serif;--font-helvetica:"Helvetica", serif;--font-press-start:"Press Start", serif}html{scroll-behavior:smooth;text-size-adjust:100%}body{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*,:before,:after{box-sizing:inherit}a{color:#fff;text-decoration:none}@keyframes reveal-section-text{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes reveal-y{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-slider{0%{opacity:0;transform:translateY(-70px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-text{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-left{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes reveal-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes grow-left{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes reveal-skill-card{0%{clip-path:inset(0 0 100%);opacity:0;translate:0 34px}to{clip-path:inset(0);opacity:1;translate:0}}@keyframes reveal-skill-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes project-animation{0%{transform:skewY(10deg)scale(.9)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}@keyframes intro-reveal-text{to{opacity:1}}@keyframes intro-reveal-bar{0%{transform-origin:0;transform:scaleX(0)}36%{transform-origin:0;transform:scaleX(1)}54%{transform-origin:100%;transform:scaleX(1)}90%,to{transform-origin:100%;transform:scaleX(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.page-shell{background:#fff;width:100%;min-height:100vh;margin:0 auto;position:absolute}.sections-wrapper{width:100%;height:100%}.navbar{z-index:10;background:#fff;align-items:center;height:70px;display:flex;position:sticky;top:0}.navbar-scrolled{box-shadow:0 1px 10px 1px #0000001a}.navbar-links{justify-content:space-evenly;align-items:center;height:100%;margin-left:auto;display:flex}.navbar-link{color:#000;font-family:var(--font-roboto-condensed);letter-spacing:4px;text-align:center;text-transform:uppercase;cursor:pointer;background-image:linear-gradient(var(--color-accent), var(--color-accent));background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;margin:0 40px;padding-bottom:2px;font-size:14px;font-weight:300;transition:background-size .3s,background-position 0s .3s,color .3s}.navbar-link:hover{color:var(--color-accent);background-position:100% 100%;background-size:100% 1px}.nav-logo{margin-left:15px}.logo-container{justify-content:center;align-items:center;display:flex}.logo-title-container{flex-direction:column;margin-left:10px;display:flex}.logo-image{width:40px;height:40px}.logo-title{color:#000;font-family:var(--font-roboto-condensed);letter-spacing:1px;margin:0;font-size:18px;font-weight:700}.logo-subtitle{color:#333;font-family:var(--font-helvetica);letter-spacing:2px;text-transform:uppercase;margin:1px 0 0;font-size:11px;font-weight:400}.drawer{z-index:999;background:#fff;width:100%;height:100%;position:fixed;top:70px;left:-100%}.drawer-link{cursor:pointer;justify-content:center;align-items:center;height:50px;display:flex}.drawer-link:hover{background:linear-gradient(90deg,#fff9,#ebebeb,#fff9)}.drawer-icon-wrapper,.drawer-link-text{flex:2}.drawer-link-text{color:#000;font-family:var(--font-roboto);font-size:15px}.drawer-line-divider{width:80px;color:var(--color-accent);text-align:center;margin:0}.hamburger{cursor:pointer;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:50px;height:50px;display:none;position:absolute;top:10px;right:10px}.hamburger:hover{background:#ebebeb}.hamburger-line{background:#000;border-radius:5px;width:18px;height:2px;margin:1px;transition:transform 1s ease-in-out}.hamburger-line.is-open:first-child{margin-top:8px;transform:rotate(45deg)}.hamburger-line.is-open:nth-child(2){opacity:0}.hamburger-line.is-open:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.side-menu{z-index:500;flex-direction:column;align-items:flex-end;width:50px;display:flex;position:fixed;top:35%;right:0}.side-menu-wrapper{flex:2;height:100%;display:none}.side-menu-item{cursor:pointer;background:#e3e3e3;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:10px;text-decoration:none;transition:all 2s;display:flex}.side-menu-item:hover{background:var(--color-accent)}.side-menu-item-expandable:hover{width:250px}.side-menu-item-expandable:hover .side-menu-wrapper{display:flex}.side-menu-link{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.side-menu-text{color:#fff;font-family:var(--font-helvetica);white-space:pre-wrap;justify-content:center;align-items:center;font-size:14px;font-weight:400;line-height:1;display:flex}.side-menu-text-accent{color:#000;letter-spacing:1px}.side-menu-icon{color:#000;flex:1;width:25px;height:25px}.section{text-align:center;flex-direction:column;padding:80px 0;display:flex;overflow:hidden}.section-wave-1,.section-wave-2{background-size:cover;background-attachment:fixed}.section-wave-1{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3csvg%20xmlns:xlink='http://www.w3.org/1999/xlink'%20id='wave'%20style='transform:rotate(0deg);%20transition:%200.3s'%20viewBox='0%200%201440%20490'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient%20id='sw-gradient-0'%20x1='0'%20x2='0'%20y1='1'%20y2='0'%3e%3cstop%20stop-color='rgba(234.964,%20234.964,%20234.964,%201)'%20offset='0%25'/%3e%3cstop%20stop-color='rgba(253.179,%20253.179,%20253.179,%201)'%20offset='100%25'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20style='transform:translate(0,%200px);%20opacity:1'%20fill='url(%23sw-gradient-0)'%20d='M0,343L80,326.7C160,310,320,278,480,277.7C640,278,800,310,960,285.8C1120,261,1280,180,1440,130.7C1600,82,1760,65,1920,57.2C2080,49,2240,49,2400,98C2560,147,2720,245,2880,253.2C3040,261,3200,180,3360,147C3520,114,3680,131,3840,138.8C4000,147,4160,147,4320,187.8C4480,229,4640,310,4800,343C4960,376,5120,359,5280,302.2C5440,245,5600,147,5760,106.2C5920,65,6080,82,6240,106.2C6400,131,6560,163,6720,179.7C6880,196,7040,196,7200,220.5C7360,245,7520,294,7680,326.7C7840,359,8000,376,8160,359.3C8320,343,8480,294,8640,236.8C8800,180,8960,114,9120,147C9280,180,9440,310,9600,310.3C9760,310,9920,180,10080,130.7C10240,82,10400,114,10560,106.2C10720,98,10880,49,11040,40.8C11200,33,11360,65,11440,81.7L11520,98L11520,490L11440,490C11360,490,11200,490,11040,490C10880,490,10720,490,10560,490C10400,490,10240,490,10080,490C9920,490,9760,490,9600,490C9440,490,9280,490,9120,490C8960,490,8800,490,8640,490C8480,490,8320,490,8160,490C8000,490,7840,490,7680,490C7520,490,7360,490,7200,490C7040,490,6880,490,6720,490C6560,490,6400,490,6240,490C6080,490,5920,490,5760,490C5600,490,5440,490,5280,490C5120,490,4960,490,4800,490C4640,490,4480,490,4320,490C4160,490,4000,490,3840,490C3680,490,3520,490,3360,490C3200,490,3040,490,2880,490C2720,490,2560,490,2400,490C2240,490,2080,490,1920,490C1760,490,1600,490,1440,490C1280,490,1120,490,960,490C800,490,640,490,480,490C320,490,160,490,80,490L0,490Z'/%3e%3c/svg%3e")}.section-wave-2{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3csvg%20xmlns:xlink='http://www.w3.org/1999/xlink'%20id='wave'%20style='transform:rotate(180deg);%20transition:%200.3s'%20viewBox='0%200%201440%20490'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient%20id='sw-gradient-0'%20x1='0'%20x2='0'%20y1='1'%20y2='0'%3e%3cstop%20stop-color='rgba(234.964,%20234.964,%20234.964,%201)'%20offset='0%25'/%3e%3cstop%20stop-color='rgba(253.179,%20253.179,%20253.179,%201)'%20offset='100%25'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20style='transform:translate(0,%200px);%20opacity:1'%20fill='url(%23sw-gradient-0)'%20d='M0,343L80,326.7C160,310,320,278,480,277.7C640,278,800,310,960,285.8C1120,261,1280,180,1440,130.7C1600,82,1760,65,1920,57.2C2080,49,2240,49,2400,98C2560,147,2720,245,2880,253.2C3040,261,3200,180,3360,147C3520,114,3680,131,3840,138.8C4000,147,4160,147,4320,187.8C4480,229,4640,310,4800,343C4960,376,5120,359,5280,302.2C5440,245,5600,147,5760,106.2C5920,65,6080,82,6240,106.2C6400,131,6560,163,6720,179.7C6880,196,7040,196,7200,220.5C7360,245,7520,294,7680,326.7C7840,359,8000,376,8160,359.3C8320,343,8480,294,8640,236.8C8800,180,8960,114,9120,147C9280,180,9440,310,9600,310.3C9760,310,9920,180,10080,130.7C10240,82,10400,114,10560,106.2C10720,98,10880,49,11040,40.8C11200,33,11360,65,11440,81.7L11520,98L11520,490L11440,490C11360,490,11200,490,11040,490C10880,490,10720,490,10560,490C10400,490,10240,490,10080,490C9920,490,9760,490,9600,490C9440,490,9280,490,9120,490C8960,490,8800,490,8640,490C8480,490,8320,490,8160,490C8000,490,7840,490,7680,490C7520,490,7360,490,7200,490C7040,490,6880,490,6720,490C6560,490,6400,490,6240,490C6080,490,5920,490,5760,490C5600,490,5440,490,5280,490C5120,490,4960,490,4800,490C4640,490,4480,490,4320,490C4160,490,4000,490,3840,490C3680,490,3520,490,3360,490C3200,490,3040,490,2880,490C2720,490,2560,490,2400,490C2240,490,2080,490,1920,490C1760,490,1600,490,1440,490C1280,490,1120,490,960,490C800,490,640,490,480,490C320,490,160,490,80,490L0,490Z'/%3e%3c/svg%3e")}.section-title{color:#000;font-family:var(--font-roboto-condensed);margin:0;font-size:50px;font-weight:700}.section-subtitle{color:silver;font-family:var(--font-roboto-condensed);letter-spacing:3px;text-transform:uppercase;margin:0;font-size:12px}.section-title-wrapper{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:1920px;margin:0 auto;display:flex}.section-text{color:#000;width:70%;max-width:1340px;font-family:var(--font-roboto);opacity:0;white-space:pre-wrap;flex:1;font-size:18px;font-weight:300;line-height:1.5}.section-text.is-visible{animation:1s ease-in-out forwards reveal-section-text}.section-line{background:var(--color-accent);width:40px;height:1px}.section-line-divider{justify-content:center;align-items:center;height:56px;margin-bottom:30px;display:flex}.main-button{box-sizing:content-box;border:2px solid var(--color-accent);background:linear-gradient(to right, var(--color-accent) 50%, transparent 50%);color:#000;cursor:pointer;width:140px;height:30px;font-family:var(--font-roboto-condensed);letter-spacing:1px;text-align:center;background-position:100% 100%;background-size:200% 100%;margin:40px 0 20px;font-size:16px;line-height:30px;transition:all .5s ease-out;display:block;position:relative}.main-button:hover{color:#fff;background-position:0 100%}.accent-text{color:var(--color-accent);transition:color 1s ease-in-out}.contact-submit:hover .accent-text{color:#fff}.intro{box-sizing:border-box;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23D8D8D8' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23CBCBCB'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E");justify-content:center;align-items:center;gap:50px;width:100%;height:600px;padding:0 30px;display:flex;position:relative}.intro-image{object-fit:cover;pointer-events:none;filter:drop-shadow(1px 5px 5px #333);will-change:opacity;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:16px;flex:none;width:min(28vw,350px);max-width:350px;margin:50px;transition:opacity .5s ease-in-out;animation:1.5s infinite shimmer}.intro-text{flex-direction:column;flex:0 760px;justify-content:center;width:auto;max-width:760px;height:100%;margin-right:30px;display:flex}.intro-kicker{color:var(--color-accent);font-family:var(--font-roboto-condensed);letter-spacing:4px;text-transform:uppercase;opacity:0;margin:0;font-size:16px;font-weight:700;animation:2s ease-in-out forwards fade-in-right}.intro-title-wrapper{width:fit-content;position:relative}.intro-title-wrapper:before{z-index:4;content:"";background:var(--color-accent);animation:4s .5s both intro-reveal-bar;position:absolute;inset:0}.intro-title{color:#000;width:max-content;font-family:var(--font-roboto);letter-spacing:2px;opacity:0;margin:10px 0 40px;font-size:36px;font-weight:700;animation:1s 2s forwards intro-reveal-text;position:relative}.intro-copy{color:#000;width:100%;font-family:var(--font-roboto);opacity:0;margin:30px 0 0;font-size:17px;font-weight:300;line-height:1.4;animation:2s ease-in-out 1s forwards fade-in-right}.skills-container{grid-template-columns:repeat(3,minmax(240px,1fr));grid-auto-rows:1fr;gap:30px;width:100%;max-width:1220px;margin:70px auto 40px;padding:0 30px;display:grid}.skill-item{clip-path:inset(0 0 100%);opacity:0;background:#fff;grid-template-rows:86px minmax(48px,auto) 1fr;align-items:start;height:100%;min-height:352px;margin:0;padding:38px 38px 34px;transition:box-shadow .35s,transform .35s;display:grid;position:relative;overflow:hidden;translate:0 34px;box-shadow:0 18px 45px #0000000d}.skill-item:before,.skill-item:after{content:"";background:linear-gradient(to right, var(--color-accent), var(--color-accent), transparent);transform-origin:0;width:100%;height:1px;position:absolute;left:0;transform:scaleX(0)}.skill-item:before{top:0}.skill-item:after{bottom:0}.skill-item:hover{transform:translateY(-4px);box-shadow:0 24px 55px #00000014}.skill-item.is-animated{animation:.85s cubic-bezier(.19,1,.22,1) forwards reveal-skill-card}.skill-item.is-animated:before,.skill-item.is-animated:after{animation:.85s ease-out forwards reveal-skill-line}.skill-element:nth-child(2) .skill-item.is-animated{animation-delay:80ms}.skill-element:nth-child(3) .skill-item.is-animated{animation-delay:.16s}.skill-element:nth-child(4) .skill-item.is-animated{animation-delay:.24s}.skill-element:nth-child(5) .skill-item.is-animated{animation-delay:.32s}.skill-element:nth-child(6) .skill-item.is-animated{animation-delay:.4s}.skill-icon{justify-content:center;justify-self:center;align-items:center;width:86px;height:72px;display:flex;position:relative}.skill-icon:before{z-index:0;content:"";filter:blur(9px);opacity:.75;background:radial-gradient(#dc143c38 0%,#dc143c1a 42%,#0000 72%);border-radius:999px;width:76px;height:58px;transition:opacity .35s,transform .35s;position:absolute;top:13px;left:50%;transform:translate(-50%)}.skill-item:hover .skill-icon:before{opacity:1;transform:translate(-50%)scale(1.08)}.skill-icon svg{z-index:1;filter:drop-shadow(0 8px 15px #dc143c24);justify-self:center;position:relative}.skill-title,.skill-subtitle{color:#000;font-family:var(--font-roboto)}.skill-title{letter-spacing:3px;text-align:center;text-transform:uppercase;place-self:start center;margin:0 0 18px;font-size:16px;font-weight:700;line-height:1.35}.skill-subtitle{text-align:left;place-self:start center;max-width:360px;margin:0;font-size:16px;font-weight:300;line-height:1.6}.skill-element{flex-direction:column;justify-content:stretch;align-items:stretch;height:100%;display:flex}.slider{opacity:0;align-self:center;max-width:100%;height:500px;margin-top:80px;position:relative;overflow:hidden}.slider.is-visible{animation:1.4s ease-in-out .2s forwards reveal-slider}.slider-hobby{width:100%}.slider-content{height:100%;display:flex}.slide{opacity:.1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.slide.is-active{opacity:1}.slide-project{background:linear-gradient(#000,#1f1f1f)}.slide-hobby{background:#000;flex-direction:column}.project-image-container{flex:1;width:100%;height:100%}.project-image{object-fit:contain;opacity:.9;pointer-events:none;width:100%;height:100%;max-height:500px;animation:6s ease-in-out forwards project-animation}.project-overview{flex-direction:column;flex:1;justify-content:center;width:100%;height:100%;margin-left:100px;display:flex}.project-title,.project-type,.project-text,.technology-info{opacity:0;animation:2s ease-in-out forwards reveal-text}.project-title{color:#fff;border-left:10px solid var(--color-accent);font-family:var(--font-roboto-condensed);text-align:left;padding-left:10px;font-size:28px}.project-type{color:gray;font-family:var(--font-roboto-condensed);text-align:left;font-size:16px;animation-delay:1s}.project-text,.technology-info{color:#ebebeb;width:100%;font-family:var(--font-roboto);text-align:left;font-size:16px;font-weight:300;line-height:1.3;animation-delay:2s}.project-text-small,.technology-info{font-size:14px}.project-info,.technology-info{display:flex}.video-container{width:100%;height:100%;position:absolute}.hobby-video{object-fit:cover;filter:brightness(30%);width:100%;height:100%}.hobby-video-front{background:repeating-linear-gradient(#29262190,#29262190 2px,#33302a90 2px 4px);position:absolute;inset:0}.hobby-title{z-index:1;color:#fff;font-family:var(--font-roboto-condensed);font-size:30px}.hobby-quote{z-index:1;color:#999;width:70%;font-family:var(--font-roboto-condensed);letter-spacing:2px;margin-bottom:30px;font-size:16px;font-weight:400}.hobby-text{z-index:1;color:#fff;width:70%;font-family:var(--font-roboto-condensed);font-size:16px;font-weight:300;line-height:1.3}.hobby-keywords{z-index:1;justify-content:center;align-items:center;margin-top:50px;display:flex}.hobby-keyword{color:#fff;font-family:var(--font-press-start);font-size:10px}.project-content{z-index:-2;opacity:0;background:linear-gradient(#000,#1f1f1f);width:100%;height:100%;transition:all 1s ease-in-out;position:absolute}.project-content.is-open{z-index:2;opacity:1}.project-info-container{margin:50px 90px 0}.project-info-block{flex-direction:column;flex:1;display:flex}.project-info-block.with-margin{margin-left:50px}.info-type{color:var(--color-accent);flex:1}.info-text{flex:3;line-height:1.5}.project-close-button{border:2px solid var(--color-accent);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:20px;right:50px}.project-close-icon{width:30px;height:30px}.slider-arrow{cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all 1s ease-in-out;display:flex;position:absolute;top:50%}.slider-arrow-left{left:25px}.slider-arrow-right{right:25px}.slider-arrow:hover{background:#ffffff10;transform:scale(1.1)}.slider-arrow-img{width:45px;height:45px}.slider-arrow-img-left{transform:translate(-3px)}.slider-arrow-img-right{transform:translate(1px)}.slider-arrow-img:focus{outline:0}.slider-dots{flex-wrap:wrap;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;bottom:25px}.slider-dots-wrapper{justify-content:center;align-items:center;width:100%;display:flex}.slider-dot{cursor:pointer;background:#ffffff60;border-radius:50%;margin-top:5px;margin-right:10px;padding:8px}.slider-dot.is-active{background:var(--color-accent)}.programming{background:#fff;width:100%;height:450px;min-height:450px;display:flex;position:relative;overflow:hidden}.programming-image-panel{background:radial-gradient(circle at 72% 38%,#dc143c2e,#0000 34%),linear-gradient(135deg,#241817 0%,#201815 42%,#111 100%);flex:1;justify-content:center;align-items:center;width:100%;max-width:51%;min-height:450px;transition:all 2s ease-in-out;display:flex;position:relative;overflow:hidden;transform:translate(-1000px)}.programming-image-panel:before{content:"";background-image:linear-gradient(#0a0a0a73, #0a0a0a73), var(--programming-wallpaper);filter:blur(18px);opacity:.8;background-position:50%;background-size:cover;position:absolute;inset:-28px;transform:scale(1.05)}.programming-image{z-index:1;object-fit:contain;pointer-events:none;user-select:none;width:100%;height:100%;position:relative}.programming-info{background:#fff;flex:1;transition:all 2s ease-in-out;position:relative;transform:translate(1000px)}.programming-image-panel.is-visible,.programming-info.is-visible{transform:translate(0)}.programming-bg-image{opacity:.2;background-position:50%;background-size:contain;width:100%;height:100%;position:absolute}.programming-bg-color{background:#dc143c99;width:100%;height:100%;position:absolute}.programming-info-box{background:#dc143c70;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.programming-title{color:#fff;width:80%;font-family:var(--font-roboto);text-align:center;font-size:30px;font-weight:700}.programming-title:after{content:" </>"}.programming-text{color:#fff;width:70%;font-family:var(--font-roboto);text-align:center;font-size:14px}.clean-code-section{display:flex}.clean-code-box{justify-content:center;align-items:center;margin:30px;display:flex}.clean-code-checkbox{appearance:none;background:0 0;border:2px solid #000;border-radius:1px;place-content:center;width:20px;height:20px;margin:0;display:grid}.clean-code-checkbox:before{content:"";clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transform-origin:0 100%;background:#000;width:.65em;height:.65em;transition:transform .12s ease-in-out;transform:scale(0)}.clean-code-checkbox:checked:before{transform:scale(1)}.clean-code-text{font-family:var(--font-roboto);letter-spacing:2px;margin-left:10px;font-size:15px;font-weight:700}.stats{background:var(--color-accent);width:100%;height:100%;min-height:450px;position:relative}.stats-wallpaper,.stats-overlay{width:100%;height:100%;position:absolute}.stats-wallpaper{opacity:.4;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.stats-overlay{background-image:linear-gradient(#dc143c45,#dc143c80)}.stats-container{flex-wrap:wrap;justify-content:center;align-items:center;max-width:1920px;height:100%;min-height:450px;margin:0 auto;display:flex}.stat-box{background:#000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:200px;height:200px;margin:50px;padding:15px;display:flex}.stat-value{z-index:2;color:#fff;font-family:var(--font-roboto);flex:1;margin:0;font-size:90px;font-weight:700}.stat-desc{z-index:2;color:#e0e0e0;font-family:var(--font-roboto-condensed);text-align:center;flex:2;margin:15px 0 0;font-size:18px;font-weight:300}.websites-container,.competitions-container{opacity:0;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;max-width:1920px;height:100%;margin:80px auto 0;display:flex}.websites-container.is-visible,.competitions-container.is-visible{animation:2s ease-in-out 1s forwards reveal-y}.website-item{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid #4d4d4d;width:364px;height:204px;margin:10px 0;text-decoration:none;transition:all 1s;display:block}.website-item:hover{z-index:7;transform:scale(1.1);box-shadow:inset 0 0 0 1000px #000000e0}.website-hover{flex-direction:column;align-items:flex-start;display:flex}.website-title{color:#fff;font-family:var(--font-roboto);border-left-style:solid;border-left-width:5px;margin:30px 15px 15px;padding-left:7px;font-size:20px}.website-desc{color:#fff;font-family:var(--font-roboto);text-align:left;margin:15px;font-size:15px;font-weight:300}.competition-item{flex-wrap:wrap;width:100%;margin:0 50px;transition:all 2s ease-in-out;display:flex}.competition-image{background-position:50%;background-repeat:no-repeat;background-size:contain;flex:2;align-self:center;width:100%;max-width:500px;min-height:300px;margin-bottom:30px}.competition-info{flex-direction:column;flex:3;align-items:flex-start;width:100%;padding:30px;display:flex}.order-left{order:0}.order-right{order:1}.competition-links{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.competition-bottom{align-items:center;margin-top:auto;display:flex}.competition-line{text-align:center;background-image:linear-gradient(90deg,#0f0f0f,gray,#0f0f0f);width:2px;height:30px;margin:0 20px;transform:rotate(30deg)}.competition-icon-link,.competition-tech-icon{z-index:1;border:1px solid #ebebeb;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:5px;display:flex}.competition-icon-link{transition:all 1s}.competition-icon-link:hover{border-color:#dc143c90}.competition-title{border-left:10px solid var(--color-accent);font-family:var(--font-roboto-condensed);text-align:left;margin-bottom:20px;padding-left:7px;font-size:25px;line-height:30px}.competition-name,.competition-subtitle{font-family:var(--font-roboto-condensed);font-size:14px}.competition-name{color:silver}.competition-subtitle{color:gray;font-style:italic}.competition-meta{align-items:center;margin-bottom:15px;display:flex}.competition-desc{color:#000;width:90%;font-family:var(--font-roboto);text-align:left;margin-top:20px;font-size:15px;font-weight:300;line-height:1.3}.competition-award{width:16px;height:16px;color:var(--color-accent);margin-right:5px}.competition-small-icon{height:16px;margin-right:5px}.competition-tech-image{width:25px;height:25px}.contact-container{flex-direction:column;align-items:center;width:100%;height:100%;padding-bottom:80px;display:flex;overflow:hidden}.contact-line{flex-wrap:wrap;width:100%;max-width:1220px;height:100%;margin:0 auto;display:flex}.contact-heading{font-family:var(--font-roboto-condensed);text-align:left;text-transform:uppercase;white-space:pre-wrap;font-size:40px;font-weight:700}.contact-subheading{color:#888;font-family:var(--font-roboto-condensed);letter-spacing:5px;text-transform:uppercase;margin-top:5px;font-size:18px;font-weight:300}.contact-item{opacity:0;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.contact-item.is-visible-left{animation:2s ease-in-out forwards reveal-left}.contact-item.is-visible-right{animation:2s ease-in-out forwards reveal-right}.contact-image-container{opacity:0;flex:1;justify-content:center;align-items:center;width:100%;display:flex}.contact-image-container.is-visible{animation:2s ease-in-out forwards reveal-y}.contact-icons{flex-wrap:wrap;justify-content:center;display:flex}.contact-projects-image{object-fit:contain;pointer-events:none;user-select:none;width:100%;height:100%;max-height:360px}.contact-form{flex-direction:column;width:90%;max-width:580px;margin-top:40px;padding:5px;display:flex}.contact-input,.contact-textarea{color:#000;width:100%;font-family:var(--font-roboto-condensed);background:0 0;border:1px solid #8b0000;outline:none;padding:3px 3px 3px 10px;font-size:15px;font-weight:300}.contact-input:focus,.contact-textarea:focus{border-color:var(--color-accent)}.contact-textarea{resize:none;height:250px;margin-top:15px}.contact-input-row{display:flex}.contact-buttons{justify-content:space-evenly;align-items:center;display:flex}.contact-submit{border:0;border-left:2px solid var(--color-accent);background:linear-gradient(to right, var(--color-accent) 50%, transparent 50%);color:#000;cursor:pointer;width:120px;height:30px;font-family:var(--font-roboto-condensed);background-position:100% 100%;background-size:200% 100%;margin-top:15px;margin-bottom:20px;font-size:13px;transition:all .5s ease-out;display:block;position:relative}.contact-submit:hover{background-position:0 100%}.contact-submit:disabled{color:gray;cursor:auto}.contact-submit-sign{border-right:2px solid var(--color-accent);border-bottom:2px solid var(--color-accent);width:10px;height:10px;position:absolute;bottom:0;right:0}.contact-error{color:#000;font-family:var(--font-roboto-condensed);margin:5px;font-size:12px}.contact-icon,.discord-icon{cursor:pointer;background-repeat:no-repeat;background-size:0% 100%;border-radius:50%;justify-content:center;align-items:center;width:75px;height:75px;margin:15px;transition:all 1s ease-in-out;display:flex}.contact-icon{background-image:linear-gradient(var(--icon-hover-color), var(--icon-hover-color));border:1px solid #888}.discord-icon{background-image:linear-gradient(#5c64f3,#5c64f3);border:1px solid #696969}.contact-icon:hover,.discord-icon:hover{background-size:100% 100%}.language-select{width:100px;height:30px;font-family:var(--font-roboto-condensed);text-align:center;text-indent:20px;background-color:#fff;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%2020010904//EN'%20'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3e%3csvg%20version='1.0'%20xmlns='http://www.w3.org/2000/svg'%20width='88.000000pt'%20height='78.000000pt'%20viewBox='0%200%2088.000000%2078.000000'%20preserveAspectRatio='xMidYMid%20meet'%3e%3cg%20transform='translate(0.000000,78.000000)%20scale(0.100000,-0.100000)'%20fill='%23000000'%20stroke='none'%3e%3cpath%20d='M400%20660%20c-23%20-23%20-46%20-76%20-56%20-125%20l-6%20-35%20102%200%20102%200%20-6%2035%20c-16%2081%20-58%20145%20-96%20145%20-11%200%20-29%20-9%20-40%20-20z'/%3e%3cpath%20d='M279%20629%20c-44%20-31%20-99%20-97%20-99%20-118%200%20-7%2023%20-11%2059%20-11%20l59%200%207%2038%20c3%2020%2015%2056%2025%2080%2023%2052%2012%2054%20-51%2011z'/%3e%3cpath%20d='M550%20618%20c10%20-24%2022%20-60%2025%20-80%20l7%20-38%2059%200%20c36%200%2059%204%2059%2011%200%2022%20-56%2088%20-100%20118%20-63%2043%20-73%2040%20-50%20-11z'/%3e%3cpath%20d='M156%20444%20c-8%20-20%20-8%20-88%200%20-108%205%20-12%2021%20-16%2070%20-16%20l64%200%200%2070%200%2070%20-64%200%20c-49%200%20-65%20-4%20-70%20-16z'/%3e%3cpath%20d='M330%20390%20l0%20-70%20110%200%20110%200%200%2070%200%2070%20-110%200%20-110%200%200%20-70z'/%3e%3cpath%20d='M590%20390%20l0%20-70%2064%200%20c71%200%2076%204%2076%2070%200%2066%20-5%2070%20-76%2070%20l-64%200%200%20-70z'/%3e%3cpath%20d='M180%20269%20c0%20-22%2056%20-88%20100%20-118%2063%20-43%2073%20-40%2050%2012%20-10%2023%20-22%2059%20-25%2080%20l-7%2037%20-59%200%20c-36%200%20-59%20-4%20-59%20-11z'/%3e%3cpath%20d='M345%20243%20c10%20-57%2046%20-124%2072%20-136%2016%20-7%2030%20-7%2046%200%2026%2012%2062%2079%2072%20136%20l7%2037%20-102%200%20-102%200%207%20-37z'/%3e%3cpath%20d='M575%20243%20c-3%20-21%20-15%20-57%20-25%20-80%20-23%20-52%20-13%20-55%2050%20-12%2044%2030%20100%2096%20100%20118%200%207%20-23%2011%20-59%2011%20l-59%200%20-7%20-37z'/%3e%3c/g%3e%3c/svg%3e");background-position:0;background-repeat:no-repeat;background-size:25%;border:1px solid #000;position:relative}.language-option{font-family:var(--font-roboto);position:absolute}.footer{width:100%;font-family:var(--font-roboto-condensed);text-align:center;background-color:#2d3436;background-image:linear-gradient(90deg,#fff,#ededed,#fff);border-top:1px solid #000;padding:20px 0;font-size:12px;font-weight:300}.footer-text{color:gray;margin:0}.footer-icons,.footer-nav{flex-wrap:wrap;justify-content:center;align-items:center;margin:15px;display:flex}.footer-link{color:#000;font-family:var(--font-roboto-condensed);letter-spacing:2px;text-align:center;text-transform:uppercase;cursor:pointer;margin:10px 0 0;font-size:12px;font-weight:400}.footer-link-label{background-image:linear-gradient(var(--color-accent), var(--color-accent));background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;padding-bottom:2px;transition:background-size .3s,background-position 0s .3s,color .3s}.footer-link:hover .footer-link-label{color:var(--color-accent);background-position:100% 100%;background-size:100% 1px}.footer-link:first-child{margin-left:20px}.footer-link:after{content:" // ";color:var(--color-accent);padding:0 10px}.footer-link:last-child:after{content:""}.scroll-top{visibility:hidden;opacity:0;background:var(--color-accent);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s ease-in-out;display:flex;position:fixed;bottom:20px;right:20px}.scroll-top:hover{background:#000}.scroll-top.is-visible{visibility:visible;opacity:1}@media (width<=1400px){.websites-container{width:75%;margin:0 auto}}@media (width<=1400px),(hover:none) and (pointer:coarse){.navbar-links{display:none}.hamburger{display:flex}}@media (width<=1024px){.competition-item{flex-direction:column}.competition-item:not(:last-child){margin-bottom:80px}.competition-info{order:1;padding:0}.competition-image{order:0}.competition-desc{width:100%}.programming{flex-direction:column;height:auto;min-height:0}.programming-image-panel{flex:0 0 360px;width:100%;max-width:100%;min-height:360px}.programming-info{flex:none;min-height:640px}.programming-info-box{padding:56px 32px 44px}.programming-title{width:min(86%,720px);margin:0;font-size:26px;line-height:1.25}.programming-text{width:min(88%,760px);margin:44px 0 38px;font-size:16px;line-height:1.45}.clean-code-section{flex-wrap:wrap;justify-content:center;gap:22px}.clean-code-box{margin:0 12px}}@media (width<=1000px){.contact-line{flex-direction:column}}@media (width<=992px){.section{padding-bottom:40px}.section-no-mobile-padding{padding-bottom:0}.section-title{font-size:36px}.section-text{font-size:16px}.skills-container{grid-template-columns:repeat(2,minmax(240px,1fr));gap:28px;padding:0 24px}.main-button{align-self:center;margin-top:30px;margin-bottom:30px}.intro{flex-direction:column;gap:0;height:auto;min-height:auto;padding:0 24px 70px}.intro-image{width:auto;max-width:80%;height:300px;margin:44px 0 0}.intro-text{flex:none;align-items:center;width:100%;height:auto;margin:0}.intro-kicker{text-align:center;margin-top:44px;font-size:18px}.intro-title{text-align:center;margin:5px 0;font-size:25px}.intro-copy{width:80%;margin:28px auto 0;font-size:16px}.slider{width:100%;height:900px}.slide-project{flex-direction:column}.project-overview{order:1;justify-content:flex-start;width:80%;margin:0}.project-info{flex-direction:column}.project-info-block.with-margin{margin-left:0}.project-close-button{top:16px;right:16px;transform:scale(.9)}.project-close-icon{transform:scale(.9)}.websites-container{flex-direction:column;width:100%;margin-top:40px}}@media (width<=768px){.intro-image{height:250px}.intro-title{font-size:16px}.skill-subtitle{font-size:14px}.programming-image-panel{flex-basis:320px;min-height:320px}.programming-info{min-height:620px}.programming-title{width:min(88%,560px);font-size:24px}.skills-container{grid-template-columns:1fr;grid-auto-rows:auto;max-width:520px}.skill-item{height:auto;min-height:0}.slider-arrow{display:none}.hobby-text{width:90%}.contact-image-container{padding-bottom:0}.contact-container{padding-bottom:60px}.programming{min-height:800px}}@media (width<=576px){.nav-logo{margin-left:0;transform:scale(.8)}.side-menu{display:none}.intro-image{height:200px;margin-top:28px}.intro-kicker{margin-top:32px}.intro-copy,.contact-heading{width:90%}.contact-heading{text-align:center;font-size:36px}.contact-subheading{font-size:16px}.contact-icon,.discord-icon{margin:0;transform:scale(.8)}.slider-dots{width:90%}.programming{min-height:700px}.footer-link{font-size:10px}}@media (width<=480px){.contact-buttons{flex-direction:column}}@media (width<=400px){.clean-code-box{margin-left:20px;margin-right:20px}.website-item{width:328px;height:184px}}@media (width<=360px){.logo-title-resizable{display:none}.nav-logo{margin:0 auto;transform:scale(.8)}.intro-kicker,.project-text,.technology-info,.hobby-quote,.hobby-text{font-size:14px}.intro-title{font-size:18px}.intro-copy,.project-type,.hobby-title,.project-title{font-size:14px}.project-title,.hobby-title{font-size:26px}.clean-code-box{margin-left:5px;margin-right:5px;transform:scale(.8)}.website-item{width:291px;height:163px}}@-moz-document url-prefix(){.language-select{text-indent:0;padding-left:20px}}