body{color:var(--text-color);font-family:Inter,Segoe UI,sans-serif;line-height:1.6}.about-section{display:grid;grid-template-columns:1fr 1fr;background-color:#292929;border-radius:16px;margin:1.5rem 1rem 1rem;padding:1rem;overflow:hidden}.title{display:flex;justify-content:center;align-items:flex-start;text-align:center;border-radius:16px;border-bottom:4px solid black}.title h1{font-size:60px;text-decoration:underline}.contact{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;border-radius:16px;border-bottom:4px solid black}.contact h1{text-align:center;font-size:45px}a{padding:0}.mail-icon,.linkedin-icon,.github-icon{display:inline-flex;font-size:40px}@keyframes grow{20%{transform:scale(1.15)}}.mail-icon:hover,.linkedin-icon:hover,.github-icon:hover{animation-name:grow;animation-duration:2s}.experience{background-color:#292929;border-radius:16px;margin:1rem;padding:.3rem 1rem}.experience h1{display:inline-block;background-color:#292929;font-size:40px;text-decoration:underline;transform:translate(10px) translateY(10px)}.experience-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0;background-color:#292929}.experience-item{padding:.8rem;border-radius:12px;transition:all .3s ease;border-bottom:4px solid #3498db}.experience-item h2{text-decoration:underline;margin-bottom:10px}.experience-item:hover{transform:translateY(-5px)}.projects{background-color:#292929;border-radius:16px;margin:.9rem;padding:.1rem .8rem}.projects h1{display:inline-block;background-color:#292929;font-size:40px;text-decoration:underline;transform:translate(10px) translateY(10px)}.projects-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0;background-color:#292929}.project-item{padding:.8rem;border-radius:12px;transition:all .3s ease;border-bottom:4px solid #2ecc71}.project-item:hover{transform:translateY(-5px)}.project-item ul{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin-top:1rem;list-style-type:none}.project-item ul li{background-color:#4646c7;color:#fff;border-radius:20px;padding:.25rem .75rem;font-size:.85em;font-weight:500}@media (max-width: 768px){.about-section{grid-template-columns:1fr}}.mail-icon:hover,.linkedin-icon:hover,.github-icon:hover{transform:scale(1.1);transition:transform .3s ease}*{background-color:#1d1d1d;color:#d3cfcf;margin:5px}
