@import"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;0,900;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,wght@0,400;0,600;0,700;1,400&display=swap";:root{--color-foreground: 17, 24, 39;--color-foreground-secondary: 42, 56, 85;--color-background-secondary: 175, 173, 168;--color-background: 243, 244, 246;--color-light: 243, 244, 246;--color-mid: 46, 60, 90;--color-dark: 17, 24, 39;--user-font-scale: 1rem;--rainbow-1: #632bf3;--rainbow-2: #f122c8;--rainbow-3: #f16022;--rainbow-4: #9ef344;--rainbow-5: #44d3f3;--red: #c93030}.xx-large{font-size:5rem}.x-large{font-size:3.5rem}.large{font-size:2rem}.big{font-size:1.5rem}.serif{font-family:"Source Serif 4",serif}.italics{font-style:italic}.text-gray{color:rgb(var(--color-foreground-secondary))}h2,h3{font-weight:600}ul{list-style-type:none}body{font-family:Source Sans Pro,sans-serif;width:100%;max-width:100vw;min-height:100vh;overflow-x:hidden;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:clamp(.875rem,.4626rem + 1.0309vw + var(--user-font-scale),1.125rem);user-select:none}body>div{min-height:inherit}@media (prefers-color-scheme: dark){:root{--color-foreground: 250, 246, 238;--color-foreground-secondary: 175, 173, 168;--color-background-secondary: 42, 56, 85;--color-background: 17, 24, 39}}*{box-sizing:border-box;margin:0}a{color:inherit;text-decoration:none}@media all and (max-width: 700px){.hide-phone{display:none}}@media all and (min-width: 700px){.hide-phone{display:block}.hide-tablet{display:none}}@media all and (min-width: 1000px){.hide-tablet{display:block}.hide-pc{display:none}}.spinning-logo{width:50px;height:50px;margin:0 1rem;background:url(./spritesheet.6e7ec2d4.png);animation:10s sprite infinite steps(120);filter:brightness(1.35)}@keyframes sprite{0%{background-position:0px}to{background-position:6000px}}header{background-color:rgb(var(--color-background));box-shadow:0 0 4px 4px rgba(var(--color-foreground),.26);height:70px;--rainbow-height: 5px;position:sticky;top:0;z-index:5}header .rainbow-border{position:absolute;bottom:0;width:100%;height:var(--rainbow-height);background:linear-gradient(90deg,var(--rainbow-1),var(--rainbow-2),var(--rainbow-3),var(--rainbow-4),var(--rainbow-5))}.header__content{height:100%;display:flex;align-items:center;justify-content:center;max-width:1080px;margin:0 auto}.header__content h2{display:none}@media all and (min-width: 700px){.header__content h2{display:block}}.glitched-title{position:relative}.glitched-title .layer{mix-blend-mode:exclusion}.glitched-title .layer.red{position:absolute;top:0;left:0;color:red;transform:translate(calc(var(--displacement-x) * -.25em),calc(var(--displacement-y) * .25em));animation:.1s glitch-out linear infinite}.glitched-title .layer.green{color:#0f0}.glitched-title .layer.blue{position:absolute;top:0;left:0;color:#00f;transform:translate(calc(var(--displacement-x) * .25em),calc(var(--displacement-y) * -.25em));animation:.1s glitch-out linear infinite}@keyframes glitch-out{0%{left:0}33%{left:-1px}66%{left:1px}to{left:0}}.rainbow-fill-title{position:relative;font-weight:900;height:80px}.rainbow-fill-title .foreground{left:calc(50% - 160.42px);position:absolute;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:120% 100%;animation:animate-bkg 5s linear infinite;background-image:linear-gradient(90deg,var(--rainbow-1),var(--rainbow-2),var(--rainbow-3),var(--rainbow-4),var(--rainbow-5),var(--rainbow-1))}.rainbow-fill-title .background{left:calc(50% - 160.42px);position:absolute;-webkit-text-stroke:1px rgb(var(--color-foreground))}@keyframes animate-bkg{0%{background-position:0 0}to{background-position:600% 0}}.split-title{display:flex;width:fit-content;margin:0 auto;position:relative;line-height:.85}.split-title__cutout{position:absolute;top:0;left:0;background-image:linear-gradient(90deg,var(--rainbow-1),var(--rainbow-2),var(--rainbow-3),var(--rainbow-4),var(--rainbow-5),var(--rainbow-1));color:rgb(var(--color-background));animation:cutout-movement 10s infinite ease-in-out}@keyframes cutout-movement{0%{clip-path:polygon(var(--pos-left-1) 0%,var(--pos-left-1) 100%,var(--pos-right-1) 100%,var(--pos-right-1) 0%)}35%{clip-path:polygon(var(--pos-left-2) 0%,var(--pos-left-2) 100%,var(--pos-right-2) 100%,var(--pos-right-2) 0%)}70%{clip-path:polygon(var(--pos-left-3) 0%,var(--pos-left-3) 100%,var(--pos-right-3) 100%,var(--pos-right-3) 0%)}to{clip-path:polygon(var(--pos-left-1) 0%,var(--pos-left-1) 100%,var(--pos-right-1) 100%,var(--pos-right-1) 0%)}}.vibrating-title{position:relative;width:fit-content}.vibrating-title .layer{animation:vibrate 2.5s linear infinite;mix-blend-mode:exclusion}.vibrating-title .layer.red{position:absolute;top:0;left:0;color:red;--rotation-amount: 7deg;--rotation-amount-inverse: calc(var(--rotation-amount) * -1);--scale-amount: .92}.vibrating-title .layer.green{color:#0f0;--rotation-amount: 5deg;--rotation-amount-inverse: calc(var(--rotation-amount) * -1);--scale-amount: .9}.vibrating-title .layer.blue{position:absolute;top:0;left:0;color:#00f;--rotation-amount: 3deg;--rotation-amount-inverse: calc(var(--rotation-amount) * -1);--scale-amount: .88}@keyframes vibrate{0%{transform:rotate(0)}1%{transform:rotate(var(--rotation-amount)) scale(var(--scale-amount))}2%{transform:rotate(var(--rotation-amount-inverse)) scale(var(--scale-amount))}3%{transform:rotate(var(--rotation-amount)) scale(var(--scale-amount))}4%{transform:rotate(var(--rotation-amount-inverse)) scale(var(--scale-amount))}5%{transform:rotate(var(--rotation-amount))}6%{transform:rotate(var(--rotation-amount-inverse)) scale(var(--scale-amount))}7%{transform:rotate(var(--rotation-amount))}8%{transform:rotate(var(--rotation-amount-inverse))}9%{transform:rotate(var(--rotation-amount)) scale(var(--scale-amount))}10%{transform:rotate(0)}20%{transform:rotate(0)}21%{transform:rotate(var(--rotation-amount)) scale(var(--scale-amount))}22%{transform:rotate(var(--rotation-amount-inverse))}23%{transform:rotate(var(--rotation-amount)) scale(var(--scale-amount))}24%{transform:rotate(var(--rotation-amount-inverse))}25%{transform:rotate(var(--rotation-amount))}26%{transform:rotate(var(--rotation-amount-inverse)) scale(var(--scale-amount))}27%{transform:rotate(var(--rotation-amount))}28%{transform:rotate(var(--rotation-amount-inverse))}29%{transform:rotate(var(--rotation-amount)) scale(var(--scale-amount))}30%{transform:rotate(0)}}.segmented-title{position:relative}.segmented-title .layer{background-color:rgb(var(--color-background));padding:0 2rem;border-radius:10px;width:var(--text-container-width)}.segmented-title .layer.scrambled{border:1px solid rgba(var(--color-foreground),.5);position:absolute;top:0;transition:.3s;transform:rotateX(0)}.segmented-title .layer.scrambled.hidden{transform:rotateX(-90deg)}.segmented-title .layer.unscrambled{opacity:0;transition:1s .2s}.segmented-title .layer.unscrambled.hidden{opacity:1}.logo-div{--logo-height: 30px;height:var(--logo-height);width:var(--logo-height);transition:transform .2s}.logo-div>img{height:inherit}@media (prefers-color-scheme: dark){.logo-div{filter:invert(1)}}.section-introduction{width:100%;padding:1rem .5rem 0;display:flex;flex-direction:column;justify-content:space-evenly;grid-gap:.5rem;min-height:calc(100vh - 70px - 1rem)}.section-introduction .greeting{max-width:450px;width:100%;margin:0 auto}.section-introduction .picture{max-width:450px;margin:0 auto;background-color:rgb(var(--color-foreground));transition:mask-size .2s ease-in-out}.section-introduction .picture:hover{mask-size:60%}.section-introduction .picture img{width:100%}.section-introduction .description{text-align:center;width:100%;max-width:300px;margin:.5rem auto}.section-introduction .description .contact-elements{margin:1rem auto 0;display:flex;flex-wrap:wrap;justify-content:center;grid-gap:.5rem}.section-introduction .description .contact-elements .redirect-btn{cursor:pointer;position:relative}.section-introduction .description .contact-elements .redirect-btn:hover .logo-div{transform:scale(1.1)}.section-introduction .description .contact-elements .redirect-btn:hover .contact-tooltip{opacity:1}.section-introduction .description .contact-elements .contact-tooltip{pointer-events:none;transition:.2s;opacity:0;position:absolute;padding:.5rem 1.5rem;border-radius:5px;top:150%;left:50%;transform:translate(-50%);background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}@media all and (min-width: 700px){.section-introduction{flex-direction:row;align-items:center;max-width:calc(700px + 1rem);margin:0 auto;flex-wrap:wrap}.section-introduction .greeting,.section-introduction .picture{max-width:340px}}@media all and (min-width: 1000px){.section-introduction{flex-direction:row;align-items:center;max-width:1000px;margin:0 auto}.section-introduction .picture{max-width:450px}}.tabbed-menu{width:100%}.tabbed-menu__tabs{grid-gap:1rem;margin:.5rem auto;display:flex;flex-direction:column;padding:.5rem 1rem;border-radius:5px;background-color:rgb(var(--color-background-secondary));box-shadow:inset 0 0 2px 2px #00000050;position:relative;width:100%}.tabbed-menu__tab{height:calc(50px - .5rem);width:100%;text-align:center;padding:.5rem 1.5rem;z-index:1;cursor:pointer}.tabbed-menu__tab-selector{height:calc(50px - .5rem);border-radius:5px;width:calc(100% - 2rem);position:absolute;top:calc(.5rem + var(--selected-item) * (42px + 1rem));background-color:rgb(var(--color-background));transition:top .2s}@media all and (min-width: 700px){.tabbed-menu__tabs{padding:.25rem 1rem;width:fit-content;height:50px;flex-direction:row}.tabbed-menu__tab{width:200px}.tabbed-menu__tab-selector{top:.25rem;left:calc(1rem + var(--selected-item) * (200px + 1rem));width:200px;transition:left .2s}}.tabbed-menu__tab-body{margin-block:0;padding-inline:0;max-height:400px;overflow-y:auto;margin:0 auto}.tabbed-menu__tab-body hr{width:80%;margin:0 auto}.tabbed-menu__list-item{display:flex;flex-direction:column;margin:.5rem 0;padding-left:1.2rem;position:relative}.tabbed-menu__list-item span{margin-left:1rem}.tabbed-menu__list-index{position:absolute;top:.15rem;left:0;font-size:1rem}.tabbed-menu__tab-body::-webkit-scrollbar{width:.5rem}.tabbed-menu__tab-body::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgb(var(--color-foreground))}.section-experience{padding:0 .5rem;margin:0 auto 5rem;max-width:700px}.section-experience h2{font-size:3rem;text-align:center}@media all and (min-width: 350px){.section-experience h2{font-size:3.5rem}}.glass-card{border:1px solid rgb(var(--color-foreground),.18);border-radius:10px;overflow:hidden;position:relative;margin:0 auto 2rem;transition:width .2s;cursor:pointer}.glass-card:hover .glass-card__background{transform:translate(var(--displacement))}.glass-card:hover .glass-card__foreground{background-color:rgba(var(--color-foreground),.15)}.glass-card__background{width:100%;height:100%;transition:transform .2s;position:absolute}.glass-card__background .circle{position:absolute;top:calc(var(--position-y) * 1%);left:calc(var(--position-x) * 1%);width:calc(var(--size) * 1px);aspect-ratio:1;border-radius:calc(var(--size) * .5px);transform:translate(-50%,-50%)}.glass-card__background .circle.color-1{background-color:var(--rainbow-1)}.glass-card__background .circle.color-2{background-color:var(--rainbow-2)}.glass-card__background .circle.color-3{background-color:var(--rainbow-3)}.glass-card__background .circle.color-4{background-color:var(--rainbow-4)}.glass-card__background .circle.color-5{background-color:var(--rainbow-5)}.glass-card__foreground{padding:1rem;width:100%;height:100%;backdrop-filter:blur(4px);color:rgb(var(--color-light));transition:background-color .2s;background-color:rgba(var(--color-foreground),.3);display:flex;align-items:center;justify-content:space-between}.glass-card__foreground img{filter:invert(1)}.glass-popover{border:1px solid rgb(var(--color-foreground),.18);box-shadow:0 4px 16px 0 rgba(var(--color-foreground),.37);border-radius:5px;width:95%;padding:.5rem .5rem 1.5rem;color:rgb(var(--color-light));background-color:rgba(var(--color-foreground),.25);max-width:500px;animation:.1s linear forwards open-popover}.glass-popover__backdrop{background-color:rgba(var(--color-background),.25);backdrop-filter:blur(8px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:5}.glass-popover__contents{padding:0 .5rem}.glass-popover li{margin:.5rem 0 0}.glass-popover__underline{height:2px;width:100%;background-color:rgb(var(--color-mid))}.glass-popover__underline-fill{height:100%;width:calc(var(--underline-width) * 1%);background-color:rgb(var(--color-light))}.glass-popover__close{position:fixed;top:80%;left:50%;transform:translate(-50%,-50%)}@keyframes open-popover{0%{transform:scale(.8)}30%{transform:scale(1.1)}60%{transform:scale(1)}}@media all and (min-width: 700px){.glass-card__foreground{font-size:1.25rem}}@media all and (min-width: 1000px){.glass-card__foreground{font-size:1.5rem}}.section-skills{padding:0 .5rem;margin:5rem auto;max-width:700px}.section-skills h2{margin-bottom:1rem}.masonry{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:.5rem;margin:0 auto}.brick-group{flex:1;min-width:250px;max-width:300px;grid-gap:.5rem;display:flex;flex-direction:column}.brick{width:100%;border:1px solid rgb(var(--color-foreground),.18);border-radius:10px;overflow:hidden;position:relative;height:calc(var(--brick-height) * 60px + (var(--brick-height) - 1) * 10px)}.brick__background{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%) rotate(var(--bkg-rotation));height:100%;display:flex;align-items:center;justify-content:center}.brick__foreground{padding:1rem;z-index:1;width:100%;height:100%;backdrop-filter:blur(4px);color:rgb(var(--color-light));background-color:rgba(var(--color-background-secondary),.3)}@media all and (min-width: 1000px){.brick{height:calc(var(--brick-height) * 80px + (var(--brick-height) - 1) * 10px)}}.section-projects{padding:0 .5rem;margin:5rem auto;max-width:700px}.section-projects h2{margin:0 auto 1rem;--text-container-width: 300px;width:var(--text-container-width)}.section-contact{padding:0 .5rem;margin:5rem auto;max-width:700px}.section-contact h2{width:fit-content;margin:0 auto 10px}.section-contact__contents{margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;grid-gap:.5rem}.section-contact__contents .redirect-btn{min-width:250px;max-width:300px;flex:1;display:flex;justify-content:space-between;align-items:center;box-shadow:0 0 2px 2px rgba(var(--color-foreground),.15);border-radius:5px;padding:.5rem;transition:.2s;cursor:pointer}.section-contact__contents .redirect-btn:hover{background-color:rgba(var(--color-foreground),.1);box-shadow:0 0 2px 2px rgba(var(--color-foreground),.2)}@media all and (min-width: 1000px){.section-contact__contents{max-width:1000px}}footer{position:relative;--rainbow-height: 5px}footer .rainbow-border{position:absolute;top:0;width:100%;height:var(--rainbow-height);background:linear-gradient(90deg,var(--rainbow-1),var(--rainbow-2),var(--rainbow-3),var(--rainbow-4),var(--rainbow-5))}.footer__content{display:flex;align-items:center;justify-content:center;padding-top:var(--rainbow-height);height:calc(50px + var(--rainbow-height));grid-gap:1rem;opacity:.5}.footer__content img{height:50%;aspect-ratio:1}.resume__popup{overflow-y:auto;left:calc(50% - 4.25in);width:8.5in;height:80%;border-radius:5px;box-shadow:0 0 5px rgb(var(--color-mid))}.resume__backdrop{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#00000010;backdrop-filter:blur(6px);z-index:10}.resume__control-buttons{position:fixed;bottom:10px;left:50%;transform:translate(-50%);display:flex;grid-gap:10px}.resume__download{display:flex;align-items:center;grid-gap:10px;cursor:pointer;background-color:var(--rainbow-1);color:#fff;border:none;outline:none;border-radius:5px;font-size:1.2em;padding:.75rem 2.5rem;transition:transform .2s}.resume__download:hover{animation:rainbow-animation 2s infinite;transform:scale(1.1)}.resume__download:hover .download-logo{transform:scale(1.2)}.resume__close{display:flex;align-items:center;grid-gap:10px;cursor:pointer;background-color:rgb(var(--color-foreground-secondary));color:rgb(var(--color-background-secondary));border:none;outline:none;border-radius:5px;font-size:1.2em;padding:.75rem 2.5rem;transition:transform .2s}.resume__close:hover{transform:scale(1.1)}.resume__close:hover .close-logo{transform:scale(1.2)}.resume__header{display:flex;padding:1rem 0;position:sticky;top:0;height:136px;background-color:rgb(var(--color-light));align-items:center;z-index:1}.resume__header__part{flex:1;display:flex;flex-direction:column;align-items:center}.resume__header__part:nth-child(2){flex:2;font-size:1.2em}.resume__header__part .picture{max-width:130px;max-height:130px;margin:0 auto}.resume__header__part .picture img{width:100%;max-width:inherit;max-height:inherit}.resume__container{font-size:.65em;background-color:#fff;color:rgb(var(--color-dark));user-select:text}.resume__section{break-inside:avoid;padding:.5rem 1rem 1rem;width:100%}.resume__section.no-bottom-padding{padding-bottom:0}.resume__section__header{height:30px}.resume__section__header h2{margin:0;font-size:1.4em;width:200px}.resume__item{break-inside:avoid}.resume__item__title{border-bottom:1px solid #aaa;width:200px}.resume__item__contents,.resume__item__title{padding:.5rem}.resume__item__contents ul,.resume__item__title ul{list-style-type:disc;font-size:.8em}.resume__section__small{break-inside:avoid;padding:.5rem 2rem 1rem;width:100%;display:flex;flex-wrap:wrap;gap:.75rem}.resume__section__small__header h2{margin:1rem 0;font-size:1.4em}.resume__item__small{break-inside:avoid;flex:1;max-width:400px;min-width:200px;font-size:.85em}.resume__item__small__title{display:flex;align-items:center;gap:1rem}.resume__item__small__subtitle{opacity:.8}.resume__item__small__contents{opacity:.6}@keyframes rainbow-animation{0%{background-color:var(--rainbow-1)}20%{background-color:var(--rainbow-2)}40%{background-color:var(--rainbow-3)}60%{background-color:var(--rainbow-4)}80%{background-color:var(--rainbow-5)}to{background-color:var(--rainbow-1)}}