* body{font-family:Poppins,sans-serif}body{margin:0}nav{display:flex;align-items:center;justify-content:center;position:sticky;top:0;background:#fff;margin:0;padding:.5rem 1rem;height:8vh;z-index:1}ul{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}ul a{font-size:1.1rem;color:#d9d9d9;padding:.5rem 1rem;border-radius:10px;text-decoration:none;cursor:pointer}ul a:hover{cursor:pointer;color:#2b2b2b;background-color:#f7c6d9;transition:background-color .5s ease;transition:color .5s ease}.nav-link.active{color:#2b2b2b;background-color:#f7c6d9}#intro{font-size:1.5rem;overflow:hidden;white-space:nowrap;border-right:3px solid #2b2b2b;width:0;opacity:0}#intro.write{opacity:1;animation:typing 1.5s steps(17,end) forwards,blink .7s step-end infinite;animation-delay:2s}@keyframes typing{0%{width:0}to{width:12.5ch}}@keyframes blink{50%{border-color:transparent}}#profile p{transition:transform .4s ease}#profile p:hover{transform:scale(1.1);cursor:default}h1,p{cursor:default}#profile{margin-bottom:5vh}#about{display:flex;justify-content:center;align-items:center;gap:1rem;flex-direction:column}#about p{transition:transform .4s ease;text-align:center}#about p:hover{transform:scale(1.1);cursor:default}#img{overflow:hidden;display:inline-block;border-radius:50%;width:15rem;height:auto;margin-bottom:2vh}img{display:block;width:100%;height:auto;transition:transform .4s ease}img:hover{transform:scale(1.1)}#aboutText{margin:0}#hobbies-section{display:flex;flex-direction:column;gap:1rem;transition:transform .4s ease}#hobbies-section:hover{transform:scale(1.05)}#hobbies-section h1{font-size:1.5rem;text-align:center}#hobbies ul{display:flex;flex-wrap:wrap;justify-content:center;gap:3rem}#icon{width:2rem;height:auto}#icon-and-name{display:flex;flex-direction:column;align-items:center;text-align:center}#icon-and-name h2{font-size:1rem;text-align:center;margin:.5rem}li p{text-align:center;font-size:.7rem;margin:0}li{display:flex;flex-direction:column;width:20vw;transition:transform .4s ease}li:hover{transform:scale(1.1);cursor:default}i{font-size:3rem}#skills-section{gap:1rem;transition:transform .4s ease}#skills-section:hover{transform:scale(1.1)}#skills-section h1{text-align:center}#skills{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}#skills i{transition:transform .4s ease}#skills i:hover{transform:scale(1.2)}footer{display:flex;right:0;margin:0;align-content:center;justify-content:center;text-align:center;width:100%;height:3vh;bottom:0;position:relative}footer p{font-size:.6rem}body{color:#2b2b2b}#page{display:flex;flex-direction:column;min-height:100vh}#fade{opacity:0;transform:translatey(20px);animation:fadeUp 1.5s ease-out forwards;animation-delay:.5s;flex:1;margin:0 20vw}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}section{margin-bottom:10vh}p{font-size:.8rem}#tools{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap}#full{transition:transform .4s ease;margin-bottom:1.5rem}#full:hover{transform:scale(1.05)}#project{display:flex;flex-wrap:wrap;flex-direction:column;margin-bottom:.5rem}#project p{margin:0}#name-and-link{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;align-items:center}#name-and-link h4{margin:0}#github-link{text-decoration:none}#github-link i{font-size:2rem}#tool{background-color:#ff5a5f;border-radius:20px;padding:.5rem;width:fit-content;transition:transform .4s ease}#tool:hover{transform:scale(1.1)}#contact-container{display:flex;border-radius:30px;flex-direction:row;gap:.8rem;align-items:center;padding:1rem;border:.5px solid black;transition:transform .4s ease}#contact-container:hover{transform:scale(1.05)}#contact-container i{font-size:1.5rem}#contact-container a{text-decoration:none;color:#000;font-size:.8rem;cursor:pointer}#contact-container a:hover{text-decoration:underline}#nameLink{display:flex;flex-direction:column;align-content:space-around}#nameLink h3,p{margin:0}#contact-box{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:center;gap:1rem}