:root{font-family:Fira Mono,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;box-sizing:border-box;color:#ffffffde;background:linear-gradient(-40deg,#000,#6e6a83);background-size:150% 150%;animation:gradient 5s ease infinite;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:2.3em;line-height:1.1}h2{font-size:1.8em}h3{font-size:1.3em}p{font-size:1em}body{margin:0;min-width:320px;min-height:78vh}hr{border:0;border-top:.5px solid #ccc}.card{border:2px solid white;border-radius:1.2rem;display:flex;flex-direction:column}.info{display:flex;gap:2.5em;padding:2em}.card .logo{aspect-ratio:1/1;height:6em;width:6em;border-radius:60%;margin-top:1em}.projectUrl{display:flex;justify-content:center}.showcaseImg{width:80%;height:80%;border-radius:3em;position:relative;bottom:2em;object-fit:cover}.card project-info{display:flex}.name{font-size:1.6em;margin-top:.1em;margin-bottom:.1em}.tech-used{margin:0;padding:0;display:flex;justify-content:start;gap:1.9em}.tech-used li{padding:.5em;border:1px solid transparent;transition:.3s}.tech-used li:hover{border:1px solid white;border-radius:10em}.tech1,.flutter,.firebase,.nextjs,.react,.typescript,.javascript,.html,.css{margin-right:.6em}.description{font-size:.9em;margin-top:.7em;margin-bottom:1.8em}.linkedin path,.instagram path,.github path,.flutter path,.firebase path,.nextjs path,.react path,.typescript path,.javascript path,.html path,.css path{fill:#fff}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:left}main{display:flex;gap:5em}.name-and-socials-section{display:flex;flex-direction:column;text-align:center}.my-pic img{aspect-ratio:1/1;width:80%;border-radius:30% 20% 60%/30% 30% 70% 70%;box-shadow:#00140f40 0 54px 55px,#fbf9ff1f -20px -25px 55px,#0000002b 0 12px 13px}ul{list-style-type:none;display:flex;justify-content:space-evenly;padding:2em}.linkedin,.instagram,.github{color:#fff;width:70%}.info-section{flex-shrink:1.1;padding-top:2em}span.maroon-bold{font-weight:700;color:#c05959}span.gold-bold{font-weight:700;color:gold}span.white-bold{font-weight:700;color:#fff}.about-me{padding-bottom:5em}.projects{display:flex;flex-direction:column;gap:2.5em}