body{font-family:Inter,serif}body{margin:0;padding:0}html{--scroll-behavior: smooth!important;scroll-behavior:smooth!important}#main-container{display:flex;flex-direction:column;gap:5rem;margin:7rem}#main-container h1{color:#41887a}#main-container div{scroll-margin-top:80px}#home-container,#about-container{display:flex;justify-content:space-between;align-items:center}#resume-button{background-color:#dcece7;color:#41887a;border:none;padding:1rem;border-radius:12px}#resume-button:hover{opacity:80%}#home-intro h2{font-weight:400}#home-intro h1{font-weight:700;color:#41887a}#home-icons{display:flex;align-items:center;gap:1rem}#home-icons a img{width:2rem;height:2rem}#about-container div img{width:190px;height:224px;border-radius:15px}#about-info{width:60%}#project-container{display:flex;flex-direction:column;gap:1rem}@media only screen and (max-width:1030px){#main-container{margin:3rem}#home-container,#about-container{flex-direction:column-reverse}#about-container{text-align:center}#about-info{width:80%}}#navbar-container{padding:1.5rem;background-color:#dcece7;color:#41887a;display:flex;justify-content:space-between;top:0;position:sticky;overflow:hidden}#navbar-name a{text-decoration:none;color:#41887a}#navbar-links{display:flex;gap:2rem;align-items:center}#navbar-links a{text-decoration:none;color:#41887a}.project-item{border:solid lightgray;border-radius:20px;padding:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.project-item h2{margin:0;font-weight:400}.project-info{width:70%}.project-img img{width:10rem;height:10rem;border-radius:1rem}.project-btn{background-color:#dcece7;border:none;border-radius:10px;padding:.8rem}.project-btn a{text-decoration:none;color:#41887a}.project-btn:hover{opacity:80%}.tech-container{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1rem}.tech-item{color:#fff;background-color:#41887a;padding:.3rem 1rem;border-radius:1rem;width:fit-content}@media only screen and (max-width:750px){.project-item{flex-direction:column-reverse;text-align:center;justify-content:center}.tech-container{justify-content:center}}