:root{--primary-color: #aeadf0;--primary-color-pale: #f3e2f3;--primary-color-light: #d8dcff;--primary-color-lighter: #edeffd;--primary-color-dark: #a0a4ff;--primary-color-darker: #7a7eff;--primary-color-darkest: #5458ff;--secondary-color: #f0f0f0;--text-color: #222222;--font-family: "Cascadia Code", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--primary-color-lighter);overflow-x:hidden;line-height:1.6;font-size:.8rem;color:var(--text-color);scroll-behavior:smooth}::-webkit-scrollbar{display:none}main{box-sizing:border-box;margin:0;text-align:center;font-family:var(--font-family)}.fade-in-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-on-scroll.visible{animation:fadeInUp .8s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.education,.contact{display:flex;justify-content:center}#about,#education,#projects,#skills,#experiences,#certifications,#languages,#contact{scroll-margin-top:100px;margin-top:6rem;margin-bottom:3rem}.about,.education,.skills,.contact{margin:40px 0 120px}.nav{display:flex;position:fixed;width:100%;justify-content:space-between;background:var(--primary-color-pale);z-index:1;box-shadow:0 5px 10px #0000001a}.nav ul{display:flex;padding:20px 0;gap:20px}.nav-list{list-style:none;font-size:16px}.nav-list a{text-decoration:none;color:inherit}.nav>ul>li:hover{color:var(--primary-color-darkest)}.nav-list li a.active{color:var(--primary-color-darkest);font-weight:700;border-bottom:2px solid var(--primary-color-darkest);transition:all .1s ease-in-out}.rightnav-icons{display:flex;justify-content:space-between;margin-right:20px}.sun{cursor:pointer}.hamburger{display:none}.logo-container{display:flex;align-items:center}.matini-logo{margin-left:20px;display:flex;align-items:center}.header{margin-bottom:80px;height:100vh}.matini{margin:0 auto 20px;border-radius:50%}.intro{display:flex;justify-content:center;height:80vh;align-items:center;padding-top:100px}.intro-name{font-size:45px;font-weight:900;margin-bottom:10px;line-height:5rem}.intro-title{font-weight:400}.about{padding:0 2rem}.hoverable{border:.5px solid transparent;border-radius:5px;background:var(--primary-color-light);box-shadow:#0000000d 0 4px 6px;padding:20px 30px;text-align:left}.hoverable:hover{border-color:var(--primary-color-darkest)}.hoverable>h2,.project-content>h2{font-size:1.17rem;margin-bottom:5px;font-weight:700}.hoverable>h3{font-size:1.1rem;margin-bottom:5px;font-weight:500}.hoverable>h4{font-size:.85rem;margin-bottom:5px;font-weight:100}.hoverable>p,.hoverable>ul>li,.project-content>p{font-size:.9rem;margin:15px 0;font-weight:300}.with-grid{display:grid;max-width:1400px;justify-self:center;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:0 auto}.skills{background-color:#dfdbe5;background-image:url("data:image/svg+xml,%3Csvg width='42' height='44' viewBox='0 0 42 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Page-1' fill='none' fill-rule='evenodd'%3E%3Cg id='brick-wall' fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath d='M0 0h42v44H0V0zm1 1h40v20H1V1zM0 23h20v20H0V23zm22 0h20v20H22V23z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");padding:15px 0;width:100%}.carousel-wrapper{overflow:hidden;position:relative;width:100%}.carousel-track{display:flex;animation:scroll-left 10s linear infinite;width:fit-content}.carousel-track>*{margin-right:70px}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.skill{display:flex;flex-wrap:wrap;width:100px;height:100px;flex-direction:column;justify-content:center;align-items:center}.experiences{padding:0 7rem}.projects{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:0 5rem}.project{padding:0 30px 80px}.preview-container{height:200px}.project-links{display:flex;padding:10px 0 20px;justify-content:space-between}.link-btn{border:1px solid var(--primary-color-dark);text-decoration:none;background-color:var(--secondary-color);padding:10px 20px;border-radius:10px;color:inherit}.link-btn:hover{background-color:var(--primary-color-dark);color:var(--secondary-color)}.certifications{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:0 7rem}.certification{padding:25px 0;display:flex;flex-direction:column;align-items:center}.certification>img{margin-bottom:15px}.certifications>.certification:nth-of-type(1)>img{object-fit:cover}.languages{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:0 7rem}.contact{margin-bottom:80px}.contact-item{display:flex;gap:10px;flex-direction:column}.contact-item>input,textarea{padding:20px;border-radius:10px;background:none;border:1px solid var(--primary-color-darkest)}.submit-btn{padding:10px 20px;border-radius:10px;border:1px solid var(--primary-color-darkest);background:var(--primary-color-pale)}.submit-btn:hover{background:var(--primary-color-dark);font-weight:700;color:var(--secondary-color)}footer{background:var(--primary-color-dark);padding:15px;box-shadow:0 2px 10px #0000001a;font-weight:500}@media (max-width: 610px){.education,.experiences,.projects,.certifications,.languages{padding:0 2rem}.hamburger{display:block;margin-left:20px;padding:20px 0}.nav ul{display:none}}@media (min-width: 611px) and (max-width: 800px){.nav ul{font-size:.7rem}#experiences,#projects,#certifications,#languages,#contact{margin-top:5rem;margin-bottom:2rem}.experiences,.projects,.certifications,.languages{padding:0 2rem}}@media (min-width: 801px) and (max-width: 900px){.about{padding:0 2rem}.nav ul{font-size:.8rem}}