: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;scroll-behavior:smooth}html,p,body,img{overflow-wrap:break-word;margin:0}html{background-image:linear-gradient(to bottom,#aaaac9,#8d92b5);scroll-behavior:smooth}a{text-decoration:none;color:#482c2c;font-weight:600}.glass{background:#fff0;box-shadow:inset 0 -5px 15px #00000080,inset 0 5px 12px #fff6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-depth{background:#fff0;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);box-shadow:0 -5px 15px #ffffff1a;box-shadow:inset 0 5px 12px #0006}h1{margin:0;width:fit-content}section{display:inline}.title{width:100%}.center{display:flex;width:100%;justify-content:center;align-items:center}.round-bttn{border-radius:2rem!important}footer{display:flex;padding:2.5rem 4rem;justify-content:space-between}footer .logo{display:flex;flex-direction:column;gap:.8rem}footer img{width:35%}footer .socials{display:flex;gap:2rem;align-items:center}.socials svg{width:35px;height:35px}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}#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;z-index:1000}.down-arrow-icon{width:40px;height:40px;padding:.6rem;border-radius:50px;fill:#482c2c}#about{display:grid;position:relative;padding:5rem 4rem;column-gap:5.5rem;grid-template-columns:minmax(45%,50%) minmax(30%,40%);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;margin-top:1rem;padding:1rem 3rem;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{margin-top:.5em;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:2rem}#about-me{display:grid;padding:8rem 4rem 4rem;grid-template-columns:minmax(30%,45%) minmax(30%,55%);gap:4rem}.left-panel{position:sticky;top:3rem;width:100%;height:fit-content;display:flex;flex-direction:column;gap:2rem}.left-panel img{position:sticky;top:0;width:100%}.right-panel{display:flex;flex-direction:column;gap:2rem}.dividers{display:flex;flex-direction:column;gap:1rem}#skills{position:relative;display:block;background-color:#ebe0ff3a}.skill-title{position:absolute;width:fit-content;padding:1.2rem 2.5rem;border-radius:10px;font-size:1.2rem;font-weight:500;top:-2.2rem;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(3,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;margin-bottom:.8rem}.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.3rem 4rem;justify-content:space-between;border-radius:1em}#project{display:grid;padding:8rem 4rem 4rem;grid-template-columns:minmax(30%,45%) minmax(30%,55%);gap:4rem}.left-panel .image img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:1rem}.left-panel .links a{width:100%;padding:1rem 3rem;border-radius:.8rem!important}.left-panel .links{display:flex;width:100%;gap:.5rem;margin:-.5rem 0}.links span{display:flex;justify-content:center}#contact{display:block;padding:4rem;background:#543e7a3a}input:focus,textarea:focus{outline:none}input::placeholder,input,textarea::placeholder,textarea{color:#482c2c;font-size:1.1rem;font-weight:600}#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}@media(min-width:1200px){#about{grid-template-columns:minmax(45%,50%) minmax(30%,40%);grid-template-areas:"title cutout-container" "text-box cutout-container" "text-box cutout-container";row-gap:2rem}.cutout-container{all:unset;display:flex;width:100%;grid-area:cutout-container;margin:auto}.cutout{width:100%;border-radius:2rem}}