:root{--clr-bg:#f9fcfd;--clr-bg-items:white;--clr-accent:#1863e5;--clr-secondary:#016aa1;--clr-font:#4a5469;--clr-font-logo:#016aa1;--clr-font-projectCard:var(--clr-font);--clr-bg-projectCard:white;--clr-font-contrast:white;--clr-font-contrast-black-bg:white;--clr-icons:gray;--clr-hover:#e2e8ec;--clr-shadow:#0000001a;--height-header:3rem}.dark{--clr-bg:#000020;--clr-bg-items:#d0dff0;--clr-font:#d0dff0;--clr-font-contrast-black-bg:var(--clr-accent);--clr-font-projectCard:#016aa1;--clr-bg-projectCard:#016aa1;--clr-shadow:#202040;--clr-accent:#007bff;--clr-hover:#202040}*{box-sizing:border-box}html{scroll-padding-top:3.7rem}body{background-color:var(--clr-bg);font-family:system-ui;color:var(--clr-font);margin:0;transition:background-color .5s,color .5s}section{display:flex;flex-direction:column}a{text-decoration:none;color:var(--clr-font)}img{max-width:100%;display:block}h1,h2{font-size:2rem;letter-spacing:-.1rem}.button{display:flex;justify-content:center;text-decoration:none;max-width:215px;width:15rem;padding:1rem;border-radius:1rem;font-size:15.8px;font-weight:700;color:var(--clr-font-contrast);background-color:var(--color);gap:1rem;cursor:pointer}.icons{color:var(--clr-icons);padding:0;cursor:pointer;width:1.5rem;height:1.5rem}.header-icons{display:flex;justify-content:center;align-items:center;cursor:pointer;width:1.5rem;height:1.5rem;padding:.3rem}.header-icons:hover{background-color:var(--clr-hover);color:var(--clr-font);border-radius:6px;transition:color .3s ease,background-color .3s ease}.icons-container{display:flex;align-items:center;gap:.5rem;margin:0;padding:0}.close-modal-btn{position:absolute;top:0;right:0;padding-top:1rem;padding-right:1rem;background-color:var(--color);border:none}.skills-container{display:flex;flex-wrap:wrap;list-style:none;gap:.5rem;padding:0;font-size:.8rem;margin:0}.skills-container li{padding:.4rem;background-color:#d0dff0;color:#016aa1;border-radius:5px;font-weight:500}#animatedDot,#animatedDot1{opacity:0;transition:opacity 1s .5s}#animatedDot.animate,#animatedDot1.animate{opacity:1}