:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000000de;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;--sections-padding: 1rem;--heading-font-size: 50px;--primary-text-size: 18px;--secondary-text-size: 16px}*{margin:0;padding:0}main,footer{padding:var(--sections-padding)}a{font-weight:500;text-decoration:inherit}body{min-height:100vh;background-color:#f0f0f0;display:flex;place-content:center;font-size:var(--primary-text-size)}#root{width:1100px;display:flex;flex-direction:column;justify-content:space-between;gap:5rem}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.icons-container{display:flex;gap:1rem}.icons-container a>img{width:45px;height:auto;margin-top:1rem}.card .icons-container a>img{width:30px}@media (max-width: 500px){:root{--primary-text-size: 16px;--secondary-text-size: 14px;--heading-font-size: 35px}}nav{box-shadow:0 2px 5px #ffffff41;background-color:#02838a;position:absolute;width:100%;left:0;color:#fff}header nav ul{list-style-type:none;display:flex;align-items:center;justify-content:flex-end}nav li{height:50px}nav ul li a{height:100%;padding:0 30px;color:inherit;text-decoration:none;display:flex;align-items:center;transition:background-color .5s ease}nav a:hover{background-color:#a3a3a3ea}.hero-section{display:flex;flex-wrap:wrap;flex-direction:column;gap:2rem;padding:6rem 1.5rem;align-items:center}.hero-content{display:flex;flex-direction:column;place-content:center;gap:2rem}.hero-content h1{font-size:var(--heading-font-size);color:transparent;background:linear-gradient(90deg,#000,#00c2cb 30% 70%,#000);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:glowingSweep 4s ease-in-out infinite}.about{position:relative;max-width:100%;word-wrap:break-word;overflow:hidden;padding:1rem 0}.hero-section img{width:100%}.profile{width:200px;position:relative;transition:transform .5s ease-in-out,box-shadow .5s ease-in-out;box-shadow:1rem 1.5rem 1rem #9c9c9cc6}.profile:hover{transform:translateY(-10px);box-shadow:1rem 1.5rem 1rem #00c2cb}.profile h2{position:absolute;bottom:0;background-color:#3a3838;width:100%;text-align:center;color:#fff}@media (prefers-reduced-motion: no-preference){@keyframes glowingSweep{0%{background-position:200% center}to{background-position:-200% center}}}@media (min-width: 500px){.about{max-width:600px}.hero-section{flex-direction:row;justify-content:center}.profile{width:250px}}footer{background-color:#000;color:#fff;display:flex;flex-direction:column;align-items:center;gap:2rem}.contact{padding:1rem;display:flex;width:100%;justify-content:space-around}.contact-body{display:flex;flex-direction:column;gap:1rem}.contact-body>div{display:flex;gap:.8rem;flex-direction:column}.contact svg{width:30px;height:auto}.icon-p{display:flex;align-items:center;gap:1rem}.profile-img{max-width:400px;width:100%;min-width:100px;height:auto;aspect-ratio:1 / 1;object-fit:contain}@media (max-width: 500px){.contact .profile-img{display:none}}.projects h2{margin-bottom:1rem}.cards-container{display:grid;gap:5rem;grid-template-columns:1fr;padding-bottom:2rem}.card{background-color:#2d2d2d;color:#fff;will-change:transform,opacity;padding:3rem 1rem;display:flex;align-items:center;gap:1rem;border-radius:20px;box-shadow:1rem 1.5rem 1rem #b6b6b6;font-size:var(--secondary-text-size)}.card img{aspect-ratio:1 / 1;object-fit:contain;max-width:150px;height:auto;transition:transform 1s ease-out}.skills{margin-top:5rem}@media (prefers-reduced-motion: no-preference){.card{transition:transform 1s ease-out,opacity .6s ease-out;transform:scale(.8) translate(20vw);opacity:0}.card.show{transform:scale(1) translate(0);opacity:1}@media (max-width: 500px){.card{transform:scale(.8) translatey(50vw)}}}@media (max-width: 500px){.cards-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card img{max-width:100px;object-fit:contain}.card{height:12rem;padding:.5rem;box-shadow:.5rem 1rem .5rem #b6b6b6}}@media (max-width: 320px){.card{padding:0}}.skills{box-shadow:0 1rem .5rem #ababab;padding:2rem 1rem;display:flex;flex-direction:column;gap:2rem}.skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:5rem;align-items:center;justify-items:center;width:100%}.skill-card{text-align:center}