:root{--color-text: #eaeaef;--color-primary: #5f73b0;--color-secondary: #19376d;--color-tertiary: #83C8F2;--color-h2: #e4f0ff;--color-dark: #0b2447;--color-bg: #04152d;--color-subtitle: #c3c5c7;--color-small-paragraph: #9DA7B5;--step--3: clamp(.7901rem, .7697rem + .1023vw, .84rem);--step--2: clamp(.8901rem, .7697rem + .1023vw, .94rem);--step--1: clamp(.8889rem, .8228rem + .3305vw, 1.1rem);--step-0: clamp(.95rem, .8718rem + .641vw, 1.3125rem);--step-1: clamp(1.125rem, .9135rem + 1.0577vw, 1.5406rem);--step-2: clamp(1.2656rem, .9435rem + 1.6106vw, 2.0508rem);--step-3: clamp(1.4238rem, .9563rem + 2.3377vw, 2.5635rem);--step-4: clamp(1.6018rem, .9444rem + 3.2873vw, 3.2043rem);--step-5: clamp(1.802rem, .8981rem + 4.5198vw, 4.0054rem);--space-3xs: clamp(.2rem, .1231rem + .1846vw, .2875rem);--space-2xs: clamp(.5rem, .4231rem + .3846vw, .6875rem);--space-1xs: clamp(.6rem, .5231rem + .4846vw ,.875rem);--space-xs: clamp(.75rem, .6474rem + .5128vw, 1rem);--space-s: clamp(1rem, .8718rem + .641vw, 1.3125rem);--space-m: clamp(1.5rem, 1.2949rem + 1.0256vw, 2rem);--space-l: clamp(2rem, 1.7436rem + 1.2821vw, 2.625rem);--space-x: clamp(2.5rem, 2.2436rem + 1.4821vw, 3.5rem);--space-xl: clamp(3rem, 2.6154rem + 1.9231vw, 3.9375rem);--space-2xl: clamp(4rem, 3.4872rem + 2.5641vw, 5.25rem);--space-3xl: clamp(4.9rem, 4.2308rem + 2.8462vw, 6.875rem);--space-4xl: clamp(6rem, 5.2308rem + 3.8462vw, 7.875rem)}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit;color:var(--color-text);scroll-behavior:smooth}#root{background-color:var(--color-bg)}::-webkit-scrollbar{width:.9rem}::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:1rem}img{max-inline-size:100%;block-size:auto;-webkit-user-select:none;user-select:none}header,main,.footer-wrapper{max-inline-size:75rem;margin:auto}a{text-decoration:none}h2{letter-spacing:1px;font-size:var(--step-3);font-weight:600;color:var(--color-h2);z-index:400;position:relative}section{margin-inline:10%}@media (hover: hover) and (pointer: fine){::selection{background:var(--color-primary)}:is(.cv,.linkedin,.github,.graduation,.project-link):hover{background-color:var(--color-text);transition:background-color .3s,color .3s}.project-link:hover{color:var(--color-primary)}:is(.cv,.linkedin,.github,.project-github-link):hover svg{stroke:var(--color-primary);fill:var(--color-primary)}.project-preview-link:hover path{stroke:var(--color-primary);fill:none}.graduation:hover svg{stroke:var(--color-primary)}.skill{cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.skill:active{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}.korogs:hover{background:linear-gradient(to right,#e81416,orange,#faeb36,#79c314,#487de7,#4b369d,#70369d 96%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:500% auto;-webkit-text-stroke:.65px transparent;animation:colour-slip 4s ease-in-out infinite alternate}}@keyframes colour-slip{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes fade-out{0%{opacity:0}to{opacity:1}}.navbar{position:relative;display:flex;align-items:center;justify-content:space-between;padding-block-start:var(--space-xl);z-index:2;margin:0 10%}.nav-title{font-size:var(--step-1);font-weight:600;text-decoration:none;overflow:hidden;position:relative}.nav-title:after,.nav-title:before{content:"";position:absolute;width:100%;left:0}.nav-title:after{content:attr(datareplace);top:0;transform-origin:100% 50%;transform:translate3d(200%,0,0);transition:transform .3s cubic-bezier(.76,0,.24,1);color:var(--color-tertiary)}.nav-title:before{background-color:var(--color-tertiary);height:2px;bottom:0;transform-origin:100% 50%;transform:scaleX(0);transition:transform .3s cubic-bezier(.76,0,.24,1)}.nav-title span{display:inline-block;transition:transform .3s cubic-bezier(.76,0,.24,1)}.menu{display:flex}.menuBtn{display:none}.menuItems{display:flex;gap:var(--space-l);list-style:none}.menuItems a{position:relative;font-size:var(--step-1);text-decoration:none}.menuItems a:before{content:"";position:absolute;width:100%;height:4px;border-radius:4px;background-color:var(--color-tertiary);bottom:0;left:0;transform-origin:right;transform:scaleX(0);transition:transform .3s ease-in-out}@media screen and (max-width: 51.875rem){.navbar{flex-direction:column;align-items:flex-start}.menu{position:absolute;right:0;margin-inline-end:10%;flex-direction:column;align-items:flex-end;gap:var(--space-2xs);z-index:3}}@media (max-width: 45.625rem){.menuBtn{display:block;cursor:pointer}.menuItems{display:none;flex-direction:column;align-items:center;gap:var(--space-m);border-radius:.625rem;background-color:#19376d;background:linear-gradient(0deg,#19376d33,#19376d);padding:1.5rem 2.0625rem;box-shadow:0 0 4px #00000040}.menuOpen{display:flex;z-index:1}.menuBtn{width:1.625rem}}@media (hover: hover){.menuItems a:hover:before{transform-origin:left;transform:scaleX(1)}.nav-title:hover:after{transform:translateZ(0)}.nav-title:hover:before{transform-origin:0% 50%;transform:scaleX(1)}.nav-title:hover span{transform:translate3d(-200%,0,0)}}.container{position:relative;display:flex;align-items:center;justify-content:space-between;margin-block-start:var(--space-x);z-index:1;gap:1rem}svg{overflow-clip-margin:border-box}.content{display:flex;flex-direction:column;align-items:flex-start;z-index:1}h1{font-size:var(--step-5);font-weight:600;margin-block-start:var(--space-xs);margin-block-end:var(--space-m)}.name-gradient{background:linear-gradient(to right,var(--color-primary),var(--color-tertiary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none}.color-primary{color:var(--color-primary)}.color-tertiary{color:var(--color-tertiary)}.color-tertiary-no-bold{font-weight:400}.description{font-size:var(--step-0);margin-block-end:var(--space-x);text-wrap:pretty}.social-media{display:flex;align-items:center;gap:6px}.social-media a{text-decoration:none}button{cursor:pointer;border:2px solid var(--color-secondary);padding-inline:7px;border-radius:50%;background-color:var(--color-primary);color:var(--color-text)}.email{display:flex;align-items:center;gap:6px;border-radius:2rem;padding:.7rem 1.4rem;background-color:var(--color-secondary);font-weight:500;font-size:var(--step--1);box-shadow:0 0 4px #00000040;transition:.25s ease-in-out}.email:hover{background-color:var(--color-dark);border:2px solid var(--color-dark);transition:.25s ease-in}.cv,.linkedin,.github{padding:.3rem .5rem}.linkedin svg,.cv svg{padding:.12rem}.cv svg{padding:.09rem}.topBlur{position:absolute;width:50dvw;height:50dvh;min-inline-size:21.875rem;top:7.5rem;left:0;border-radius:47.75rem;background:#19376db3;filter:blur(6.25rem);z-index:0}.bottomBlur{position:absolute;width:70dvw;height:50dvh;min-inline-size:15.625rem;top:-246px;right:-0;border-radius:47.75rem;background:#19376db3;filter:blur(6.25rem);z-index:0}@media (max-width: 55.625rem){:where(.cv,.linkedin,.github) svg{width:24px}.cv,.linkedin,.github{padding:.2rem .45rem}.email svg{width:20px}}@media (max-width: 51.875rem){.container{flex-direction:column-reverse}h1{text-align:center}.content{align-items:center}}@media (max-width: 33.125rem){.social-media{flex-direction:column}.email{margin-block-end:.5rem}.topBlur{min-inline-size:15.875rem}}.hero-image{width:40%;max-width:50%;border-radius:50%;z-index:1;box-shadow:1rem .875rem 1.25rem #0000008c;aspect-ratio:1 / 1}@media (max-width: 57.9375rem){.hero-image{width:36.8%}}.technologies{color:var(--color-text);margin-block:var(--space-2xl)}.drag-indication{display:flex;font-style:italic;align-items:center;color:#6b7280;gap:var(--space-2xs);margin-block-start:var(--space-3xs)}.drag-indication p{color:inherit}.skills{margin-block-start:var(--space-s);display:inline-flex;flex-wrap:wrap;gap:var(--space-l)}.skill{margin-top:11px}.skill-image-container{background-color:var(--color-secondary);border-radius:100%;display:flex;align-items:center;justify-content:center;width:64px;height:64px}.skill-image,.skill-title{-webkit-user-select:none;user-select:none}.skill-title{font-weight:500;font-size:var(--step--2)}.skill-container{display:flex;flex-direction:column;align-items:center;gap:4px}@media (max-width: 51.875rem){.skills{width:100%;flex-direction:row}.message,.skills{justify-content:center}}.container-of-projects{margin-block-start:var(--space-xl)}.project-wrappers{margin-block-start:var(--space-m);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-xs)}.project-container{display:flex;flex-direction:column;background:linear-gradient(180deg,#576cbc,#132a53);box-shadow:0 1rem .875rem #04152d;padding:var(--space-xs) var(--space-s);max-inline-size:21.5625rem}.project-container,.project-image,.project-image-container{border-radius:.625rem}.project-image-container{overflow:hidden}.project-image-container img{aspect-ratio:4 / 3;object-fit:cover}.project-image{margin-block-end:var(--space-s);transition:.5s all ease}.project-title{font-size:var(--step-1);font-weight:600}.project-description{margin-block-start:.375rem;font-size:var(--step--1);color:var(--color-subtitle);font-weight:200}.project-skills{margin-block-start:var(--space-1xs);display:flex;list-style:none;justify-content:center;gap:var(--space-2xs)}.project-skill{font-size:var(--step--1);font-weight:300;border-radius:2rem;background-color:var(--color-dark);padding:5px var(--space-s)}.project-links{margin-block-start:var(--space-s);margin-inline:auto;display:flex;gap:6px}.project-link{display:flex;text-decoration:none;color:var(--color-text);font-size:var(--step-0);font-weight:300;border-radius:8px;background-color:var(--color-primary);padding:5px var(--space-xs);gap:6px;align-items:center}@media (hover: hover){.project-image:hover{transform:scale(1.05);opacity:.85}}.formation{margin-block:var(--space-2xl)}.formation-info{margin-block-start:var(--space-s);display:flex;justify-content:space-between;align-items:center}.graduation{background-color:var(--color-primary);padding:.3rem .4rem;border-radius:50%;display:flex;align-items:center}.completed{padding-block:.4rem}.university-info{display:flex;align-items:center}.university-data{margin-inline-start:var(--space-xs)}.university-data h3{font-size:var(--step--1)}.formation-data-subtitle{font-size:var(--step--2);color:var(--color-subtitle)}.ending-time{align-items:center;gap:var(--space-xs)}@media (max-width: 41.875rem){.formation-info{flex-direction:column;align-items:start;gap:var(--space-xs)}.ending-time{flex-direction:row-reverse}}.about{margin-block-start:var(--space-xl)}.about-title,.about-description{margin-block-end:1rem}.about-container{display:flex;align-items:center;justify-content:center;gap:var(--space-m)}.about-description-container{position:relative}.about-description{text-wrap:pretty;font-size:var(--step--1)}.about-description-no-margin{margin-block-end:0}.about-img{z-index:1;order:1;box-shadow:0 0 5px #48e;border-radius:1rem;object-position:50% 40%;object-fit:cover;flex-grow:2;aspect-ratio:1 / 1;transform:rotate(3deg)}.korogs{transition:-webkit-text-stroke 1s;text-decoration:underline}:has(.korogs:hover) .about-description-container:after{content:"";position:absolute;background-image:url(/assets/about/korog.webp);width:6.125rem;height:6.25rem;right:10px;bottom:-5.5rem;animation:fade-out .5s 1}@media (max-width: 768px){.about-container{flex-direction:column-reverse}.about-img{width:200px}}@media (min-width: 1024px){.about-img{padding:.5rem}}.contact{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2xs)}.text h2{font-size:var(--step-3);letter-spacing:0;font-weight:500;color:var(--color-tertiary);text-transform:none}.text p{font-size:var(--step--1);font-weight:100;color:var(--color-subtitle)}.footer-links{display:flex;margin-top:16px;align-items:start;list-style:none;gap:var(--space-s)}.footer-link{display:flex;background-color:#1c345c;border-radius:100%;padding:.5rem .7rem;align-items:center;gap:var(--space-s)}.footer-divider{height:1px;width:80%;background-color:var(--color-secondary);margin:var(--space-xl) auto 1rem auto}.rights{margin-block-start:2rem;text-align:center;color:var(--color-small-paragraph)}@media (max-width: 51.875rem){.contact{flex-direction:column;gap:var(--space-m)}}@media (max-width: 51.875rem){.text{text-align:center}.text h2{margin-bottom:12px}.footer-links{align-items:start;margin:0 auto}}@media (hover: hover){.footer-link:hover svg{animation:shake .5s ease-in-out}}@keyframes shake{0%{transform:rotate(5deg)}25%{transform:rotate(-6deg)}50%{transform:rotate(5deg)}75%{transform:rotate(-6deg)}to{transform:rotate(5deg)}}.footer{margin-block-start:var(--space-3xl);background-image:linear-gradient(to bottom,var(--color-bg) 0%,var(--color-dark) 35%);padding-block-start:var(--space-2xl);padding-block-end:var(--space-xl)}.transition,.stairs-wrapper,.stairs{width:100dvw;height:100dvh}.transition,.stairs-wrapper{position:fixed;top:0}.transition{background-color:var(--color-bg);pointer-events:none}.stairs-wrapper{left:0;right:0;pointer-events:none;z-index:40;display:flex}.stairs{background-color:#fff;position:relative}