@import "https://fonts.googleapis.com/css2?family=Bagel+Fat+One&family=Funnel+Display:wght@300;400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Funnel+Display:wght@300..800&family=Pixelify+Sans&display=swap";body.light{--color-background:#faebd7;--color-text:black;--gradient-color-1:#e98bc0;--gradient-color-2:#e98bc0;--gradient-color-3:#b0cf97;--primary-color:#df87c4;--secondary-color:#d4689e;--color-muted:black;--color-blur:#db1daf0c}body.dark{--color-background:#2f2d2e;--color-text:#e4d4d4;--gradient-color-1:#0d324d;--gradient-color-2:#0d324d;--gradient-color-3:#792359;--primary-color:#d34ea2;--secondary-color:#cd4b97;--color-muted:#9b9696;--color-blur:#b9bec114}body{background:radial-gradient(circle at -10% 0%,var(--gradient-color-1),transparent 50%),radial-gradient(circle at 130% 50%,var(--gradient-color-2),transparent 60%),radial-gradient(circle at -100% 100%,var(--gradient-color-3),transparent 100%);background-color:var(--color-background);color:var(--color-text);margin:0;padding-top:80px;transition:background-color 1s,color 1s}h1{text-align:center;padding-top:70px;font-family:Bagel Fat One;font-size:35px;font-weight:1}#toggleMode{cursor:pointer;color:inherit;background:0 0;border:none;font-size:30px}footer{text-align:center;color:var(--color-muted);padding:20px;font-family:Arial,Helvetica,sans-serif;font-size:14px}@media (min-width:1000px){h1{font-size:3rem}}header{box-sizing:border-box;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);flex-direction:row;justify-content:space-between;width:100%;padding:1rem;transition:top .15s ease-in-out;display:flex;position:fixed;top:0;left:0}.name-header{color:var(--color-text);font-family:Bagel Fat One;font-size:xx-large;text-decoration:none;transition:transform 1s}.icon{box-shadow:none;cursor:pointer;background-color:#0000;border:none;transition:transform .3s}.ash-pic{z-index:10;height:100%;position:relative}.image-container{height:60%;position:relative}.handToggle{cursor:pointer;display:inline-block}.handToggle.animate{animation:1s ease-in-out wave}@keyframes wave{0%{transform:rotate(0)}25%{transform:rotate(20deg)}50%{transform:rotate(-20deg)}75%{transform:rotate(20deg)}to{transform:rotate(0)}}.image-border{z-index:9;border:3px solid #000;border-radius:10px;width:100%;height:100%;padding:0 20px;position:absolute;top:25px;left:50%;transform:translate(-50%)}.image-box{z-index:11;background-color:#000;border-radius:0 0 5px 5px;width:100%;height:25%;padding:0 20px;position:absolute;bottom:-28px;left:50%;transform:translate(-50%)}.paragraph{text-align:center;color:var(--primary-color);margin-top:5px;font-family:Bagel Fat One;font-size:25px;left:50%}.icon-list{flex-direction:row;justify-content:space-between;padding:0 20px;list-style:none;display:flex;position:absolute;top:25px;left:0;right:0}.icon{color:var(--primary-color);font-size:45px;transition:transform .3s}.icon:hover{transform:scale(1.2)}.text-box-title{color:var(--color-text);flex-direction:column;align-items:center;font-family:Bagel Fat One;font-size:30px;display:flex;position:relative}.text-box-title h1{align-items:center;gap:.5rem;margin:auto;display:flex}.text-box{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:var(--color-blur);border-radius:6px;align-items:center;padding:1rem;font-family:Funnel Display,sans-serif;font-size:larger}.textContent{width:100%;max-width:400px}.location{color:var(--color-muted);text-align:left;width:100%;max-width:400px;margin-top:.5rem;font-family:Funnel Display,sans-serif;font-size:medium;text-decoration:none;display:inline-block;position:relative}.location:after{content:"";background-color:currentColor;width:0%;height:1px;position:absolute;bottom:0;left:0}.location.grow:after{animation:1s ease-in-out forwards underline-grow}.location.shrink:after{animation:1s ease-in-out forwards underline-shrink}@keyframes underline-grow{0%{width:0%}to{width:55%}}@keyframes underline-shrink{0%{width:55%}to{width:0%}}.text-container{align-items:left;flex-direction:column;justify-content:center;padding-inline:2rem;display:flex}.start-page-container{flex-direction:column;justify-content:center;align-items:center;height:100vh;padding-top:3rem;display:flex}@media (min-width:1000px){.start-page-container{flex-direction:row-reverse;width:70%;margin:auto;padding-top:0}.text-box-title h1{font-size:3 rem;font-weight:lighter}.text-box{font-size:30px}.image-container{height:70%}.name-header{font-size:40px}#toggleMode{font-size:50px}.icon{font-size:80px}.image-box{height:20%}.location{font-size:22px}}@media not (min-height:850px){.icon{font-size:60px}}@media not (min-height:750px){.icon{font-size:50px}}@media not (min-height:650px){.icon{font-size:40px}.text-box{font-size:25px}}@media not (min-height:550px){.icon{font-size:35px}.paragraph,.text-box{font-size:20px}}.timeline{justify-content:center;margin:20px auto;padding:20px;display:flex}.card{max-width:400px;position:relative}.card:nth-child(odd){padding:30px 0 30px 30px}.card:nth-child(2n){padding:30px 30px 30px 0}.card:before{content:"";border:solid var(--primary-color);width:50%;position:absolute}.card:nth-child(odd):before{border-width:5px 0 5px 5px;border-radius:50px 0 0 50px;top:-5px;bottom:-4.5px;left:0}.card:nth-child(2n):before{border-width:5px 5px 5px 0;border-radius:0 50px 50px 0;top:0;bottom:0;right:0}.card:first-child:before{border-top:0;border-top-left-radius:0}.card:last-child:nth-child(odd):before{border-bottom:0;border-bottom-left-radius:0}.card:last-child:nth-child(2n):before{border-bottom:0;border-bottom-right-radius:0}.info{background:var(--color-blur);color:var(--color-text);border-radius:10px;flex-direction:column;padding:10px;font-family:Funnel Display,sans-serif;display:flex}.title{color:var(--secondary-color);margin-bottom:2px;font-family:Bagel Fat One;position:relative}.title:before{content:"";border:3px solid var(--primary-color);background:#fff;border-radius:999px;width:10px;height:10px;position:absolute}.card:nth-child(2n)>.info>.title{text-align:right}.card:nth-child(odd)>.info>.title:before{left:-45px}.card:nth-child(2n)>.info>.title:before{right:-45px}.card{opacity:0;transition:all .6s ease-out;transform:translateY(40px)}.outer p{color:var(--color-muted);margin:5px 0 0;font-weight:400}.card.show{opacity:1;transform:translateY(0)}@media (min-width:700px){.outer h3{font-size:35px}.outer p{font-size:30px}}@media only screen and (max-width:400px){.card:nth-child(odd):before{top:-5px;bottom:-5px}}.skill-section{flex-direction:column;justify-content:center;display:flex}.skill-list{flex-flow:wrap;justify-content:center;align-items:center;gap:2rem;padding:0;list-style:none;display:flex}.icon-skill{color:var(--secondary-color);-webkit-backdrop-filter:blur(1000px);backdrop-filter:blur(1000px);background-color:var(--color-blur);opacity:0;border-radius:6px;padding:2px;font-size:80px;transition:all .6s ease-out;transform:translateY(40px)}.icon-skill:hover{scale:1.2}.icon-skill.show{opacity:1;transform:translateY(0)}@media (min-width:700px){.icon-skill{font-size:120px}}.project-section p{text-align:center;color:var(--color-muted);font-family:Arial,Helvetica,sans-serif}