@keyframes glitch-menu-anim{0%{clip:rect(55px,9999px,55px,0);transform:skew(.1deg)}5%{clip:rect(40px,9999px,60px,0);transform:skew(.04deg)}10%{clip:rect(44px,9999px,12px,0);transform:skew(.66deg)}15%{clip:rect(2px,9999px,43px,0);transform:skew(.03deg)}20%{clip:rect(1px,9999px,58px,0);transform:skew(.19deg)}25%{clip:rect(12px,9999px,2px,0);transform:skew(.06deg)}30%{clip:rect(72px,9999px,51px,0);transform:skew(.53deg)}35%{clip:rect(24px,9999px,40px,0);transform:skew(.58deg)}40%{clip:rect(92px,9999px,10px,0);transform:skew(.77deg)}45%{clip:rect(41px,9999px,34px,0);transform:skew(.31deg)}50%{clip:rect(34px,9999px,2px,0);transform:skew(.42deg)}55%{clip:rect(75px,9999px,4px,0);transform:skew(.85deg)}60%{clip:rect(36px,9999px,69px,0);transform:skew(.2deg)}65%{clip:rect(83px,9999px,30px,0);transform:skew(.23deg)}70%{clip:rect(34px,9999px,33px,0);transform:skew(.61deg)}75%{clip:rect(2px,9999px,71px,0);transform:skew(.05deg)}80%{clip:rect(12px,9999px,98px,0);transform:skew(.93deg)}85%{clip:rect(94px,9999px,7px,0);transform:skew(.81deg)}90%{clip:rect(50px,9999px,55px,0);transform:skew(.39deg)}95%{clip:rect(32px,9999px,70px,0);transform:skew(.47deg)}to{clip:rect(20px,9999px,35px,0);transform:skew(.33deg)}}@keyframes glitch-menu-anim2{0%{clip:rect(84px,9999px,70px,0);transform:skew(.54deg)}5%{clip:rect(70px,9999px,66px,0);transform:skew(.27deg)}10%{clip:rect(46px,9999px,93px,0);transform:skew(.55deg)}15%{clip:rect(15px,9999px,79px,0);transform:skew(.5deg)}20%{clip:rect(46px,9999px,24px,0);transform:skew(.73deg)}25%{clip:rect(8px,9999px,50px,0);transform:skew(.05deg)}30%{clip:rect(92px,9999px,32px,0);transform:skew(.1deg)}35%{clip:rect(29px,9999px,81px,0);transform:skew(.83deg)}40%{clip:rect(53px,9999px,79px,0);transform:skew(.07deg)}45%{clip:rect(33px,9999px,89px,0);transform:skew(.51deg)}50%{clip:rect(17px,9999px,46px,0);transform:skew(.11deg)}55%{clip:rect(62px,9999px,90px,0);transform:skew(.34deg)}60%{clip:rect(21px,9999px,44px,0);transform:skew(.57deg)}65%{clip:rect(8px,9999px,47px,0);transform:skew(.07deg)}70%{clip:rect(76px,9999px,53px,0);transform:skew(.29deg)}75%{clip:rect(93px,9999px,20px,0);transform:skew(.12deg)}80%{clip:rect(87px,9999px,31px,0);transform:skew(.2deg)}85%{clip:rect(73px,9999px,73px,0);transform:skew(1deg)}90%{clip:rect(74px,9999px,87px,0);transform:skew(.88deg)}95%{clip:rect(60px,9999px,62px,0);transform:skew(.98deg)}to{clip:rect(51px,9999px,37px,0);transform:skew(.21deg)}}@keyframes glitch-skew{0%{transform:skew(0)}5%{transform:skew(5deg)}10%{transform:skew(1deg)}15%{transform:skew(4deg)}20%{transform:skew(0)}25%{transform:skew(-1deg)}30%{transform:skew(2deg)}35%{transform:skew(1deg)}40%{transform:skew(5deg)}45%{transform:skew(-1deg)}50%{transform:skew(3deg)}55%{transform:skew(1deg)}60%{transform:skew(4deg)}65%{transform:skew(1deg)}70%{transform:skew(-3deg)}75%{transform:skew(-2deg)}80%{transform:skew(3deg)}85%{transform:skew(-3deg)}90%{transform:skew(4deg)}95%{transform:skew(3deg)}to{transform:skew(0)}}.menu-wrapper{position:absolute;top:0;right:1em;width:100%;z-index:40}@media(max-width:780px){.menu-wrapper{align-items:flex-start;display:flex;right:0;height:50%;position:fixed;width:100%;z-index:40}.menu-wrapper.open{z-index:50}.menu-wrapper .menu-content{background:#191111e6;border:1px solid rgba(214,70,85,.5);border-radius:8px;width:100%}}.menu-wrapper .responsive-menu{padding:1.25em 1em;cursor:pointer}.menu-wrapper .responsive-menu>p{display:none}@media(max-width:780px){.menu-wrapper .responsive-menu>p{display:block}}.menu-wrapper .responsive-menu:hover p{animation:glitch-skew 1s infinite linear alternate-reverse}.menu-wrapper .responsive-menu:hover p:before{content:attr(data-text);position:absolute;top:0;width:100%;height:100%;left:2px;text-shadow:-2px 0 #D64655;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.menu-wrapper .responsive-menu:hover p:after{content:attr(data-text);position:absolute;top:0;width:100%;height:100%;left:-2px;text-shadow:-2px 0 #DAD3D3,2px 2px #D64655;animation:glitch-anim2 1s infinite linear alternate-reverse}@media(max-width:780px){.menu-wrapper .responsive-menu{display:flex}}.menu-wrapper .responsive-menu p{color:#dad3d3;cursor:pointer;font-family:Michroma,sans-serif;font-size:1.25em;margin:0 .75em;text-transform:uppercase}.menu-wrapper .menu-content{align-items:center;display:flex;justify-content:center;gap:1.25em;padding:1.25em 1em 1.5em}@media(max-width:780px){.menu-wrapper .menu-content{display:none}.menu-wrapper .menu-content.open{display:flex;flex-direction:column;gap:2em;padding:1.5em 1em;position:absolute;top:60px;width:auto;z-index:50;opacity:0;clip-path:inset(50% 0 50% 0);animation:screen-reveal .5s ease-out 0s forwards}}@media(max-width:780px)and (max-width:450px){.menu-wrapper .menu-content.open{height:-webkit-fill-available}}.menu-wrapper .menu-content .menu-item{color:#d64655;cursor:pointer;font-family:Michroma,sans-serif;font-weight:100;font-size:1.25em;text-transform:uppercase;transition:all .3s ease-in-out}.menu-wrapper .menu-content .menu-item.active{color:#dad3d3;cursor:none;opacity:1;pointer-events:none;position:relative;animation:glitch-skew 1s infinite linear alternate-reverse}.menu-wrapper .menu-content .menu-item.active:before{content:attr(data-text);position:absolute;top:0;width:100%;height:100%;left:2px;text-shadow:-2px 0 #CE6B75;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.menu-wrapper .menu-content .menu-item.active:after{content:attr(data-text);position:absolute;top:0;width:100%;height:100%;left:-2px;text-shadow:-2px 0 #904E54,2px 2px rgba(214,70,85,.8);animation:glitch-anim2 1s infinite linear alternate-reverse}.menu-wrapper .menu-content .menu-item:hover{color:#edbec3;text-shadow:0 0 8px #EDBEC3;transform:scale(1.05);transition:color .3s ease-in-out .05s,transform .25s ease-in-out .05s,text-shadow .5s ease-in-out;position:relative;animation:glitch-skew 1s infinite linear alternate-reverse}.menu-wrapper .menu-content .menu-item:hover:before{content:attr(data-text);position:absolute;top:0;width:100%;height:100%;left:2px;text-shadow:-2px 0 #D64655;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.menu-wrapper .menu-content .menu-item:hover:after{content:attr(data-text);position:absolute;top:0;width:100%;height:100%;left:-2px;text-shadow:-2px 0 #DAD3D3,2px 2px #D64655;animation:glitch-anim2 1s infinite linear alternate-reverse}@media(max-width:1000px){.menu-wrapper .menu-content{font-size:.875em}}@media(max-width:450px){.menu-wrapper .menu-content{flex-direction:column}}@media(max-width:450px){.menu-wrapper{position:fixed}}@keyframes glitch-menu-anim{0%{clip:rect(45px,9999px,80px,0);transform:skew(.21deg)}5%{clip:rect(10px,9999px,8px,0);transform:skew(.52deg)}10%{clip:rect(41px,9999px,97px,0);transform:skew(.65deg)}15%{clip:rect(4px,9999px,90px,0);transform:skew(.85deg)}20%{clip:rect(1px,9999px,100px,0);transform:skew(.41deg)}25%{clip:rect(95px,9999px,98px,0);transform:skew(.34deg)}30%{clip:rect(68px,9999px,63px,0);transform:skew(.84deg)}35%{clip:rect(87px,9999px,82px,0);transform:skew(.18deg)}40%{clip:rect(49px,9999px,83px,0);transform:skew(.79deg)}45%{clip:rect(8px,9999px,83px,0);transform:skew(.44deg)}50%{clip:rect(64px,9999px,1px,0);transform:skew(.95deg)}55%{clip:rect(9px,9999px,52px,0);transform:skew(1deg)}60%{clip:rect(91px,9999px,5px,0);transform:skew(.08deg)}65%{clip:rect(14px,9999px,59px,0);transform:skew(.54deg)}70%{clip:rect(36px,9999px,29px,0);transform:skew(.32deg)}75%{clip:rect(30px,9999px,12px,0);transform:skew(.37deg)}80%{clip:rect(57px,9999px,76px,0);transform:skew(.79deg)}85%{clip:rect(50px,9999px,62px,0);transform:skew(.16deg)}90%{clip:rect(79px,9999px,34px,0);transform:skew(.17deg)}95%{clip:rect(88px,9999px,43px,0);transform:skew(.28deg)}to{clip:rect(94px,9999px,34px,0);transform:skew(1deg)}}@keyframes glitch-menu-anim2{0%{clip:rect(29px,9999px,48px,0);transform:skew(.3deg)}5%{clip:rect(46px,9999px,4px,0);transform:skew(.81deg)}10%{clip:rect(11px,9999px,81px,0);transform:skew(.91deg)}15%{clip:rect(42px,9999px,12px,0);transform:skew(.79deg)}20%{clip:rect(68px,9999px,6px,0);transform:skew(.61deg)}25%{clip:rect(27px,9999px,54px,0);transform:skew(.94deg)}30%{clip:rect(34px,9999px,11px,0);transform:skew(.86deg)}35%{clip:rect(9px,9999px,44px,0);transform:skew(.86deg)}40%{clip:rect(30px,9999px,39px,0);transform:skew(1deg)}45%{clip:rect(78px,9999px,96px,0);transform:skew(.6deg)}50%{clip:rect(20px,9999px,22px,0);transform:skew(.68deg)}55%{clip:rect(45px,9999px,76px,0);transform:skew(.44deg)}60%{clip:rect(92px,9999px,17px,0);transform:skew(.63deg)}65%{clip:rect(78px,9999px,37px,0);transform:skew(.13deg)}70%{clip:rect(82px,9999px,64px,0);transform:skew(.54deg)}75%{clip:rect(64px,9999px,57px,0);transform:skew(.73deg)}80%{clip:rect(11px,9999px,11px,0);transform:skew(.5deg)}85%{clip:rect(37px,9999px,31px,0);transform:skew(.78deg)}90%{clip:rect(67px,9999px,84px,0);transform:skew(.05deg)}95%{clip:rect(86px,9999px,94px,0);transform:skew(.09deg)}to{clip:rect(71px,9999px,81px,0);transform:skew(.19deg)}}@keyframes glitch-skew{0%{transform:skew(3deg)}5%{transform:skew(-1deg)}10%{transform:skew(-4deg)}15%{transform:skew(-4deg)}20%{transform:skew(1deg)}25%{transform:skew(3deg)}30%{transform:skew(-1deg)}35%{transform:skew(1deg)}40%{transform:skew(0)}45%{transform:skew(-4deg)}50%{transform:skew(-2deg)}55%{transform:skew(-3deg)}60%{transform:skew(1deg)}65%{transform:skew(1deg)}70%{transform:skew(1deg)}75%{transform:skew(-4deg)}80%{transform:skew(4deg)}85%{transform:skew(-1deg)}90%{transform:skew(1deg)}95%{transform:skew(-4deg)}to{transform:skew(1deg)}}@keyframes screen-close{0%{opacity:1;clip-path:inset(0% 0 0% 0)}99%{opacity:0}to{opacity:0;clip-path:inset(50% 0 50% 0)}}@keyframes screen-reveal{0%{opacity:0;clip-path:inset(50% 0 50% 0)}1%{opacity:1}to{opacity:1;clip-path:inset(0% 0 0% 0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glitch-anim-1{0%,to{clip-path:inset(40% 0 61% 0);transform:translate(0)}10%{clip-path:inset(92% 0 1% 0);transform:translate(-5px,5px)}20%{clip-path:inset(43% 0 1% 0);transform:translate(5px,-5px)}30%{clip-path:inset(25% 0 58% 0);transform:translate(-3px,3px)}40%{clip-path:inset(54% 0 7% 0);transform:translate(3px,-3px)}50%{clip-path:inset(58% 0 43% 0);transform:translate(-2px,2px)}60%{clip-path:inset(45% 0 40% 0);transform:translate(2px,-2px)}70%{clip-path:inset(15% 0 70% 0);transform:translate(-4px,4px)}80%{clip-path:inset(86% 0 11% 0);transform:translate(4px,-4px)}90%{clip-path:inset(35% 0 60% 0);transform:translate(-3px,3px)}}@keyframes glitch-anim-2{0%,to{clip-path:inset(65% 0 20% 0);transform:translate(0)}10%{clip-path:inset(10% 0 85% 0);transform:translate(5px,-5px)}20%{clip-path:inset(80% 0 15% 0);transform:translate(-5px,5px)}30%{clip-path:inset(50% 0 30% 0);transform:translate(3px,-3px)}40%{clip-path:inset(20% 0 60% 0);transform:translate(-3px,3px)}50%{clip-path:inset(70% 0 25% 0);transform:translate(2px,-2px)}60%{clip-path:inset(30% 0 50% 0);transform:translate(-2px,2px)}70%{clip-path:inset(90% 0 5% 0);transform:translate(4px,-4px)}80%{clip-path:inset(5% 0 80% 0);transform:translate(-4px,4px)}90%{clip-path:inset(60% 0 35% 0);transform:translate(3px,-3px)}}@keyframes glitch-main{0%,to{transform:translate(0) skew(0)}10%{transform:translate(-1px,1px) skew(0)}20%{transform:translate(1px,-1px) skew(0)}30%{transform:translate(-1px,1px) skew(.2deg)}40%{transform:translate(1px,-1px) skew(-.2deg)}50%{transform:translate(-1px,-1px) skew(0)}60%{transform:translate(1px,1px) skew(-.2deg)}70%{transform:translate(-1px,-1px) skew(.2deg)}80%{transform:translate(1px,1px) skew(-.2deg)}90%{transform:translateY(-1px) skew(.1deg)}}@keyframes glitch-before{0%{left:-20px}5%{clip-path:inset(5% 0% 94% 0%);left:0}10%{clip-path:inset(12% 0% 87% 0%);left:-20px}15%{left:0}20%{clip-path:inset(25% 0% 74% 0%);left:-20px}25%{clip-path:inset(32% 0% 67% 0%);left:0}30%{clip-path:inset(38% 0% 61% 0%);left:-20px}35%{left:0}40%{clip-path:inset(51% 0% 48% 0%);left:-20px}45%{clip-path:inset(58% 0% 41% 0%);left:-20px}50%{left:0}55%{clip-path:inset(70% 0% 29% 0%);left:0}60%{clip-path:inset(77% 0% 22% 0%);left:-20px}65%{left:-20px}70%{clip-path:inset(89% 0% 10% 0%);left:0}75%{left:20px}80%{left:20px}85%{clip-path:inset(55% 0% 44% 0%);left:20px}90%{clip-path:inset(68% 0% 31% 0%);left:0}95%{clip-path:inset(92% 0% 7% 0%);left:0}to{left:0;visibility:hidden}}@keyframes glitch-after{0%{clip-path:inset(3% 0% 96% 0%);left:0}5%{clip-path:inset(9% 0% 90% 0%);left:20px}10%{clip-path:inset(16% 0% 83% 0%);left:0}15%{clip-path:inset(23% 0% 76% 0%);left:-20px}20%{clip-path:inset(29% 0% 70% 0%);left:20px}25%{clip-path:inset(36% 0% 63% 0%);left:-20px}30%{clip-path:inset(42% 0% 57% 0%);left:0}35%{clip-path:inset(49% 0% 50% 0%);left:-20px}40%{clip-path:inset(55% 0% 44% 0%);left:20px}45%{clip-path:inset(62% 0% 37% 0%);left:-20px}50%{clip-path:inset(68% 0% 31% 0%);left:0}55%{clip-path:inset(75% 0% 24% 0%);left:-20px}60%{clip-path:inset(81% 0% 18% 0%);left:20px}65%{clip-path:inset(88% 0% 11% 0%);left:-20px}70%{clip-path:inset(94% 0% 5% 0%);left:0}75%{clip-path:inset(19% 0% 80% 0%);left:-20px}80%{clip-path:inset(33% 0% 66% 0%);left:20px}85%{left:-20px}90%{left:-20px}95%{left:0}to{visibility:hidden;left:0}}@font-face{font-family:Audiowide;font-weight:400;font-style:normal;src:url(/fonts/Audiowide-Regular.ttf) format("truetype")}@font-face{font-family:Jost;font-weight:900;font-style:normal;src:url(/fonts/Jost-Black.ttf) format("truetype")}@font-face{font-family:Jost;font-weight:800;font-style:normal;src:url(/fonts/Jost-Bold.ttf) format("truetype")}@font-face{font-family:Jost;font-weight:700;font-style:normal;src:url(/fonts/Jost-ExtraBold.ttf) format("truetype")}@font-face{font-family:Jost;font-weight:600;font-style:normal;src:url(/fonts/Jost-SemiBold.ttf) format("truetype")}@font-face{font-family:Jost;font-weight:500;font-style:normal;src:url(/fonts/Jost-Medium.ttf) format("truetype")}@font-face{font-family:Jost;font-weight:400;font-style:normal;src:url(/fonts/Jost-Regular.ttf) format("truetype")}@font-face{font-family:Jost;font-weight:300;font-style:normal;src:url(/fonts/Jost-Light.ttf) format("truetype")}@font-face{font-family:Jost;font-weight:200;font-style:normal;src:url(/fonts/Jost-ExtraLight.ttf) format("truetype")}@font-face{font-family:Jost;font-weight:100;font-style:normal;src:url(/fonts/Jost-Thin.ttf) format("truetype")}@font-face{font-family:Michroma;font-weight:400;font-style:normal;src:url(/fonts/Michroma-Regular.ttf) format("truetype")}html{color:#dad3d3;font-size:16px}body{background:#191111;height:100dvh;overflow-x:hidden;width:100vw;margin:0}body #root{height:100%;width:100%}h1{color:#dad3d3;font-family:Audiowide,sans-serif;letter-spacing:40px;font-size:7.5em;font-weight:400;line-height:.95;margin:0}@media(max-width:780px){h1{font-size:3em}}h2{margin:.625em 0 0;color:#edbec3;font-family:Audiowide,sans-serif;font-weight:100;font-size:1.5em}p{font-family:Jost,sans-serif;font-size:1.25em;font-weight:200;margin:0}em{color:#d64655;font-style:normal;font-weight:600}.wrapper{display:flex;flex-direction:column;height:100dvh;overflow-y:scroll;overflow-x:hidden;position:fixed;width:100vw}.wrapper .main-pp{display:inline-block;position:absolute;bottom:0;left:50%;width:100%;z-index:15}@media(max-width:1000px){.wrapper .main-pp{left:30%}}.wrapper .main-pp .glitch-wrapper{position:absolute;right:50%;bottom:0;display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center}.wrapper .main-pp .glitch-wrapper img{display:block;position:relative}.wrapper .main-pp .glitch-wrapper:before,.wrapper .main-pp .glitch-wrapper:after{background-image:url(/assets/main-pp-CITgXfW5.svg);background-size:contain;background-repeat:no-repeat;background-position:center;content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;pointer-events:none;z-index:20}.wrapper .main-pp .glitch-wrapper:hover img{animation:glitch-main 1s forwards ease-in-out}.wrapper .main-pp .glitch-wrapper:hover:before{opacity:.5;animation:glitch-before 1s forwards ease-in-out;filter:drop-shadow(4px 0 0 #ff0055) hue-rotate(195deg)}.wrapper .main-pp .glitch-wrapper:hover:after{opacity:.5;animation:glitch-after 1s forwards ease-in-out;filter:drop-shadow(-4px 0 0 #10857c) hue-rotate(-75deg)}@media(max-width:1000px){.wrapper .main-pp .glitch-wrapper{right:20%}}@media(max-width:780px){.wrapper .main-pp img{min-width:320px;width:100%}}.wrapper .intro{left:0;padding-left:60px;position:absolute;text-align:center;text-transform:uppercase;top:50%;width:min-content;z-index:20}@media(max-width:780px){.wrapper .intro{text-align:left;top:20%;width:100%;padding:0 1em}}.wrapper .intro h1{position:relative;color:#dad3d3;text-transform:uppercase}.wrapper .intro h1:before,.wrapper .intro h1:after{content:"SEONA";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none}.wrapper .intro h1:before{color:#dad3d3}.wrapper .intro h1:after{color:#dad3d3}.wrapper .intro h1:hover:before,.wrapper .intro h1:hover:after{opacity:1}.wrapper .intro h1:hover:before{animation:glitch-anim-1 3.5s infinite linear alternate-reverse}.wrapper .intro h1:hover:after{animation:glitch-anim-2 2.2s infinite linear alternate-reverse}@media(max-width:780px){.wrapper .intro h1{text-align:left}}@media(max-width:450px){.wrapper .intro h1{letter-spacing:20px}}.wrapper .intro .suptitle{font-family:Michroma,sans-serif;font-size:1.25em;position:relative;color:#dad3d3;text-transform:uppercase}.wrapper .intro .suptitle:before,.wrapper .intro .suptitle:after{content:"SENIOR FRONT END DEVELOPER";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none}.wrapper .intro .suptitle:before{color:#dad3d3}.wrapper .intro .suptitle:after{color:#dad3d3}.wrapper .intro .suptitle:hover:before,.wrapper .intro .suptitle:hover:after{opacity:1}.wrapper .intro .suptitle:hover:before{animation:glitch-anim-1 3.5s infinite linear alternate-reverse}.wrapper .intro .suptitle:hover:after{animation:glitch-anim-2 2.2s infinite linear alternate-reverse}@media(max-width:780px){.wrapper .intro .suptitle{font-size:1em;text-align:left}}.wrapper .socials{display:flex;flex-direction:column;gap:1.25em;padding:.75em 0;position:absolute;right:20px;bottom:1.5em;z-index:40}@media(max-width:780px){.wrapper .socials{flex-direction:row;left:1em;right:auto;transform:inherit;bottom:0;width:-webkit-fill-available}}.wrapper .socials img{cursor:pointer;height:auto;width:40px}.wrapper .socials img:hover{box-shadow:inset 0 0 30px #191111b3;transform:scale(1.2);filter:drop-shadow(0 0 10px #191111) brightness(2.2);transition:transform .3s ease-in-out,filter .3s ease-in-out,box-shadow .5s ease-in-out}.app .chevron{bottom:20px;cursor:pointer;left:50%;position:absolute;z-index:20;animation:bounce 2s infinite ease-in-out}.app .chevron:hover{filter:drop-shadow(0 0 5px #DAD3D3);transition:filter .4s ease-in-out}ul,ol{list-style:none;margin:0;padding:0}.content-section{margin-bottom:5em;padding-top:8em;align-items:center;display:flex;flex-direction:column;justify-content:center;gap:2em;height:fit-content;width:100%}@media(max-width:1000px){.content-section{padding-top:10em}}.details{display:grid;grid-template-columns:90% 1fr;height:70%;margin-bottom:1em;width:auto}@media(max-width:1000px){.details{grid-template-columns:80% 1fr}}@media(max-width:450px){.details{display:flex;flex-direction:column;height:min-content}}.card{position:relative;margin:0;max-width:1200px;width:60%}@media(max-width:1000px){.card{height:70dvh;width:80%}}@media(max-width:780px){.card{height:70vh;width:100%}}@media(max-width:450px){.card{height:55vh;width:90vw}}.card{opacity:0;clip-path:inset(50% 0 50% 0);animation:screen-reveal .3s ease-out .1s forwards}.card+.preview-image{opacity:0;clip-path:inset(50% 0 50% 0);animation:screen-reveal .3s ease-out .3s forwards}@media(max-width:780px){.card+.preview-image{visibility:hidden}}.card.closing{opacity:1;clip-path:inset(0% 0 0% 0);animation:screen-close .3s ease-in 0s forwards}.card.closing+.preview-image{opacity:1;clip-path:inset(0% 0 0% 0);animation:screen-close .3s ease-in .1s forwards}.card:before,.card:after{height:100%;content:"";clip-path:polygon(0 0,0 0,80% 0,85% 10%,85% 10%,100% 10%,100% 10%,100% 100%,100% 100%,1% 100%,0 100%);position:absolute;width:100%}.card:before{background:linear-gradient(135deg,#322828,#191111);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px;box-shadow:inset 12px -12px 50px #19111180;border-left:1px solid rgba(237,190,195,.1);opacity:.55;top:50%;left:50%;transform:translate(-50%,-50%)}@media(max-width:1000px){.card:before{opacity:.8}}.card:after{bottom:0;left:4px;height:1px;background:linear-gradient(90deg,#edbec31a,#191111)}.card .card-content{height:-webkit-fill-available;overflow:hidden;padding:0 1.5em;position:relative;width:auto}@media(max-width:1000px){.card .card-content{max-height:50dvh;overflow:visible}}@media(max-width:780px){.card .card-content{display:flex;flex-direction:column;height:100%;overflow:auto;padding:0 1em}}.card .card-content .header{align-items:center;border-bottom:1px solid #A89595;display:flex;justify-content:space-between;margin-bottom:1em;padding:1.5em 0;width:100%}@media(max-width:1000px){.card .card-content .header{flex-direction:column;align-items:flex-start}}@media(max-width:780px){.card .card-content .header{flex-shrink:0}}.card .card-content .header h2{color:#dad3d3;font-size:2.5em;text-transform:uppercase;margin:0}@media(max-width:450px){.card .card-content .header h2{font-size:1.25em}}.card .card-content .header a,.card .card-content .header .no-link{color:#d64655;font-family:Michroma,sans-serif;font-size:2em;padding-right:150px;text-decoration:none}@media(max-width:1175px){.card .card-content .header a,.card .card-content .header .no-link{font-size:1.5em;padding-right:100px}}@media(max-width:450px){.card .card-content .header a,.card .card-content .header .no-link{font-size:1.25em}}.card .card-content .header a{cursor:pointer}.card .card-content .header a:hover,.card .card-content .header a img:hover{filter:brightness(1.5);transition:filter .3s ease-in-out}.card .card-content .description{font-family:Jost,sans-serif;font-size:1.5em;font-weight:200}@media(max-width:450px){.card .card-content .description{font-size:1.25em}}.card .card-content .content{display:flex;flex-direction:column;height:-webkit-fill-available;justify-content:space-between;min-height:450px;padding-right:2em}@media(max-width:1000px){.card .card-content .content{height:auto;min-height:auto;overflow-y:scroll;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}}@media(max-width:780px){.card .card-content .content{overflow-y:scroll;overflow-x:hidden;flex:1;padding-right:.625em;padding-bottom:1.5em;justify-content:flex-start;gap:1em;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.card .card-content .content::-webkit-scrollbar{width:6px}.card .card-content .content::-webkit-scrollbar-track{background:#19111166;border-radius:3px}.card .card-content .content::-webkit-scrollbar-thumb{background:#d64655;border-radius:3px}.card .card-content .content::-webkit-scrollbar-thumb:active{background:#ce6b75}}.card .card-content .content .tag-list{display:flex;flex-wrap:wrap;gap:.875em;padding:1em 0}.card .card-content .content .tag-list .tag-item{background-color:#ce6b751a;border:1px solid #CE6B75;border-radius:8px;color:#ce6b75;font-family:Michroma,sans-serif;font-size:.875em;padding:.625em .75em}.project-wrapper{align-items:center;display:flex;flex-direction:row;gap:1.5em;height:735px;position:fixed;margin:0 2em;top:20%;z-index:25}@media(max-width:780px){.project-wrapper{flex-direction:column;gap:2em;height:auto;transform:inherit;top:10%;z-index:40}}.project-wrapper .card{width:80%}@media(max-width:780px){.project-wrapper .card{width:100%!important}}.project-wrapper .card .content{padding:0}@media(max-width:780px){.project-wrapper .card .content{height:-webkit-fill-available!important}}.project-wrapper .card .card-content .header{align-items:flex-start;flex-direction:column}.project-wrapper .card .card-content .header .date-tag{background:#19111180;border:1px solid #D64655;color:#edbec3;font-family:Michroma,sans-serif;font-size:.75em;padding:.625em 1em;position:absolute;left:0;text-transform:uppercase;top:0;width:max-content}@media(max-width:450px){.project-wrapper .card .card-content .header .date-tag{font-size:.5625em}}.project-wrapper .card .card-content .header .date-tag+p{padding:.75em 0}.project-wrapper .card .card-content .header p{font-family:Michroma,sans-serif;font-size:1.5em;color:#d64655}@media(max-width:450px){.project-wrapper .card .card-content .header p{font-size:1.25em}}.project-wrapper .header:has(.wip-tag){align-items:flex-end;padding:.75em 0}@media(max-width:1000px){.project-wrapper .header:has(.wip-tag){align-items:flex-start}}.project-wrapper .content{overflow-y:scroll;height:100dvh;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.project-wrapper .content::-webkit-scrollbar{width:6px}.project-wrapper .content::-webkit-scrollbar-track{background:#19111166;border-radius:3px}.project-wrapper .content::-webkit-scrollbar-thumb{background:#d64655;border-radius:3px}.project-wrapper .content::-webkit-scrollbar-thumb:active{background:#ce6b75}.project-wrapper .wip-tag{background:#19111180;border:1px solid #D64655;color:#edbec3;font-family:Michroma,sans-serif;font-size:.75em;padding:.625em 1em;position:absolute;left:0;text-transform:uppercase;top:0;width:max-content}@media(max-width:450px){.project-wrapper .wip-tag{font-size:.5625em}}.project-wrapper .wip-tag+p{padding:.75em 0}.project-wrapper .wip-tag+h2{padding-top:.75em}.project-wrapper .preview-wrapper{position:fixed;right:1.5em;top:50%}@media(max-width:1000px){.project-wrapper .preview-wrapper{top:60%}}.project-wrapper .preview-image{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #D64655;display:flex;justify-content:center;padding:1em;width:100%}@media(max-width:1000px){.project-wrapper .preview-image{width:auto}}@media(max-width:780px){.project-wrapper .preview-image{visibility:hidden}}.project-wrapper .preview-image img{height:auto;max-height:400px;width:auto}.project-wrapper .preview-image img:hover{transform:scale(1.5);transition:transform .3s ease-in-out}@media(max-width:1000px){.project-wrapper .preview-image img{max-height:300px;width:auto}}.experience-wrapper,.education-wrapper,.contact-wrapper{align-items:center;display:flex;flex-direction:row;gap:1.5em;height:735px;position:fixed;margin:0 2em;top:20%;z-index:25}@media(max-width:780px){.experience-wrapper,.education-wrapper,.contact-wrapper{flex-direction:column;gap:2em;height:auto;transform:inherit;top:10%;z-index:40}}.experience-wrapper .card,.education-wrapper .card,.contact-wrapper .card{width:80%}@media(max-width:780px){.experience-wrapper .card,.education-wrapper .card,.contact-wrapper .card{width:100%!important}}.experience-wrapper .card .content,.education-wrapper .card .content,.contact-wrapper .card .content{padding:0}@media(max-width:780px){.experience-wrapper .card .content,.education-wrapper .card .content,.contact-wrapper .card .content{height:-webkit-fill-available!important}}.experience-wrapper .card .card-content .header,.education-wrapper .card .card-content .header,.contact-wrapper .card .card-content .header{align-items:flex-start;flex-direction:column}.experience-wrapper .card .card-content .header .date-tag,.education-wrapper .card .card-content .header .date-tag,.contact-wrapper .card .card-content .header .date-tag{background:#19111180;border:1px solid #D64655;color:#edbec3;font-family:Michroma,sans-serif;font-size:.75em;padding:.625em 1em;position:absolute;left:0;text-transform:uppercase;top:0;width:max-content}@media(max-width:450px){.experience-wrapper .card .card-content .header .date-tag,.education-wrapper .card .card-content .header .date-tag,.contact-wrapper .card .card-content .header .date-tag{font-size:.5625em}}.experience-wrapper .card .card-content .header .date-tag+p,.education-wrapper .card .card-content .header .date-tag+p,.contact-wrapper .card .card-content .header .date-tag+p{padding:.75em 0}.experience-wrapper .card .card-content .header p,.education-wrapper .card .card-content .header p,.contact-wrapper .card .card-content .header p{font-family:Michroma,sans-serif;font-size:1.5em;color:#d64655}@media(max-width:450px){.experience-wrapper .card .card-content .header p,.education-wrapper .card .card-content .header p,.contact-wrapper .card .card-content .header p{font-size:1.25em}}.experience-wrapper .description,.education-wrapper .description,.contact-wrapper .description{margin-bottom:1em}.list-selector{align-self:center;display:flex;flex-direction:column;gap:1em}@media(max-width:780px){.list-selector{flex-direction:row;flex-wrap:wrap;gap:.3125em}}.list-selector .item{align-items:center;display:flex;border:1px solid #D64655;border-radius:8px;cursor:pointer;opacity:.5;padding:.75em}.list-selector .item.active{background:#d646551a;opacity:1}.list-selector .item:hover{box-shadow:0 0 10px #ce6b7580;opacity:1;transform:scale(1.1);transition:opacity .3s ease-in-out,box-shadow .5s ease-in-out,transform .3s ease-in-out}.list-selector .item img{height:30px;width:30px}@media(max-width:780px){.list-selector .item img{height:25px;width:25px}}.education-wrapper .list-selector .item img{filter:brightness(1.9)}.contact-wrapper{width:50%}@media(max-width:1000px){.contact-wrapper{width:80%}}@media(max-width:780px){.contact-wrapper{height:auto;width:-webkit-fill-available}.contact-wrapper .card{height:60dvh}}@media(max-width:780px)and (max-width:780px){.contact-wrapper .card-content{max-height:100%}}@media(max-width:.875em){.contact-wrapper .contact-list{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:1em 0;width:100%}}.contact-wrapper .contact-item{align-items:center;display:flex;gap:2em;padding:1.25em 0}.contact-wrapper .contact-item.clickable{cursor:pointer}.contact-wrapper .contact-item.clickable:hover p{color:#dad3d3;text-shadow:0 0 6px #EDBEC3;transition:color .3s ease-in-out,text-shadow .3s ease-in-out}.contact-wrapper .contact-item.clickable:hover img{transform:scale(1.2);transition:transform .2s ease-in-out}.contact-wrapper .contact-item p{color:#edbec3;font-size:2em}@media(max-width:450px){.contact-wrapper .contact-item p{font-size:1.25em}}