:root{width:100dvw;min-height:100dvh;font-family:Outfit,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#482c2c;background-color:#482c2c}*,*:before,*:after{box-sizing:border-box}html,p,body,img{overflow-wrap:break-word;margin:0}html{background-image:linear-gradient(to bottom,#aaaac9,#8d92b5)}a{text-decoration:none;color:#482c2c;font-weight:600}.glass{background:#ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}h1{margin:0;width:fit-content}section{display:inline}.title{width:100%}.center{display:flex;width:100%;justify-content:center;align-items:center}header{position:absolute;height:5rem;width:100%;top:0;z-index:10}.nav-container{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;height:100%}.nav-container img{width:6rem}.navigation{all:unset;display:flex;gap:4rem;margin-left:1rem;align-items:center}.navigation li{list-style:none;font-size:1.4rem}#home{position:relative;z-index:-1}#home img{display:block;width:100%;height:100dvh;object-fit:cover;object-position:center top}.curved-text{position:absolute;top:17%;left:14.5%;width:63%;z-index:5;transform:translateY(-5px)}.guideButton{display:flex;position:absolute;bottom:1rem;align-items:center;margin:0 3rem;gap:1rem}.down-arrow-icon{width:40px;height:40px;padding:.6rem;border-radius:50px;fill:#482c2c}#about{display:grid;position:relative;padding:6rem 4rem 2rem;column-gap:5.5rem;grid-template-columns:minmax(45%,48%) minmax(40%,45%);grid-template-rows:auto auto auto;grid-template-areas:"text-box title" "text-box cutout-container" "text-box cutout-container"}#about a{width:fit-content;padding:1rem 2rem;align-content:center;border-radius:.5rem}.text-box{display:flex;flex-direction:column;gap:1.5rem;grid-area:text-box;font-size:1.3rem}.about-title{grid-area:title}.divider{border:.15rem solid #482C2C;margin-bottom:.7rem;width:15%}.cutout{position:relative;width:100%;border-radius:2rem}.cutout-container{position:relative;height:100%;width:100%;grid-area:cutout-container;padding-top:1rem}#skills{position:relative;display:block;background-color:#e1d7d0}.skill-title{position:absolute;width:fit-content;padding:1.3rem 1.7rem;border-radius:10px;font-size:1.2rem;font-weight:500;top:-2.5rem;left:0;right:0;margin-inline:auto}.carousel{width:100%;display:flex;overflow:hidden;opacity:85%;padding:2.5rem 0 2rem}.carousel::-webkit-scrollbar{display:none}.group{display:flex;width:max-content;align-items:center;justify-content:center;gap:6rem;animation:spin 20s infinite linear;padding-right:6rem}.card{display:flex;flex:0 0 auto;width:min-content;height:45px;text-align:center;align-content:center;margin:0 1rem}.carousel:hover .group{animation-play-state:paused}@keyframes spin{0%{translate:0}to{translate:-100%}}#projects{display:grid;padding:4rem}#projects span{font-size:2.1rem;font-weight:600}.project-container{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;padding-top:2.5rem}.project-card{display:grid;width:100%;padding:1.2rem;border-radius:25px;gap:15px}.project-title{font-size:1.2rem;font-weight:600}.project-description{font-size:1rem}.project-card img{width:100%;border-radius:15px}.load-more{height:auto;margin:auto;margin-top:2.5rem}.load-more a{display:flex;width:fit-content;padding:1.5rem 2.5rem;justify-content:space-between;border-radius:1em}#contact{display:block;padding:4rem;background:#543e7a3a}#contact span{font-size:1.8rem;font-weight:600;margin-bottom:2.5rem}#contact form{display:grid;gap:1rem}#contact div{display:flex;gap:1rem}#contact input{width:100%;padding:1.3rem 1.2rem;border:0;border-radius:10px}textarea{resize:vertical;height:15rem;border:0;padding:1.3rem 1.2rem;border-radius:10px}input[type=submit]{display:flex;width:10px}