.social-links{gap:.3rem;padding:.3rem;list-style:none;border-radius:4rem;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center}#email{gap:.3rem;display:flex;flex-direction:row;align-items:center}*{margin:0;padding:0;box-sizing:border-box;color:#f0f0f0;font-family:Lexend Exa,serif}html{background-color:#1c1c1c}header{display:flex;flex-direction:column;justify-content:space-between;align-items:center}header,section{background-color:#0f0f0f;margin:.8rem;border-radius:.8rem}section{padding:.3rem}h2,h1{text-align:center}a{text-decoration:none}.icon{font-size:1.4rem}.icon,a{text-align:center;color:#f0f0f0;padding:.5rem;border-radius:2rem}.icon:hover,a:hover{color:#383838;background-color:#b8b8b8}button{font-family:Lexend Exa,serif;background-color:#0f0f0f;color:#f0f0f0;border:none;border-radius:2rem;padding:.5rem}button:hover{background-color:#383838}button:active{background-color:#b8b8b8;color:#0f0f0f}img{width:80%;border-radius:2rem}.icon-and-label{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;font-size:.8rem}div{justify-items:center}.projects-section{display:grid;grid-template-columns:repeat(auto-fill,minmax(1fr,600px));row-gap:.4rem;align-items:center;justify-content:center}.project-card{display:grid;grid-template-columns:1fr 1fr;border-radius:1rem;padding:.4rem;align-items:center;justify-content:center}.project-card img{width:80%;align-self:center;border-radius:.8rem}.project-card h3{text-align:center}.project-card p{font-size:.9rem}.project-card:hover{background-color:#1c1c1cb0}.techs-div{display:flex;flex-direction:row;gap:.5rem;flex-wrap:wrap;justify-content:space-around}section>.techs-div{background-color:#1c1c1c;margin:.8rem;padding:.4rem 0;border-radius:.8rem}.icon-and-label p{padding:.3rem;border-radius:2rem}section .icon-and-label:hover *{color:#383838!important;background-color:#b8b8b8}.more-info{display:grid;grid-template-rows:1fr 1fr;justify-content:center;padding:.3rem;background-color:#1c1c1c;border-radius:5rem;text-align:center}.about-me-container li{text-decoration:underline;list-style:none;padding-top:.4rem}.about-me-container{display:grid;border-radius:.4rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.8rem;padding:.8rem;align-items:center;justify-content:center}
