.hero{align-items:center;background-attachment:fixed;background-image:url(./hero_background.BAJj46sB.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center}.welcome__container{font-family:Quicksand,sans-serif;font-size:3rem;font-weight:800;margin-bottom:20px}.icon__container{bottom:20px;position:absolute}.arrow{animation:bounce 2s infinite}.down{animation-direction:alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-30px)}}.about{background-color:#d9e3f2;box-sizing:border-box;font-family:Quicksand,sans-serif;min-height:calc(100vh - 80px);padding:100px 0}.about__container{margin:0 auto;width:80%}.about__title{margin-bottom:50px;text-align:center}.about__title h1{font-size:3rem;font-weight:700}.about__content{display:flex;justify-content:space-between}.about__content--left{font-size:1.2rem;margin-right:20px;width:50%}.about__content--right{margin-left:20px;width:50%}.about__content--right img{border:5px solid #101935;border-radius:50%;width:80%}.skills{background-attachment:fixed;background-color:#d9e3f2;background-image:url(./skills_background.DcJTCHcY.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;font-family:Quicksand,sans-serif;height:calc(100vh - 80px);padding:100px 0}.skills__container{margin:0 auto;width:80%}.skills__title{margin-bottom:50px;text-align:center}.skills__title h1{font-size:3rem;font-weight:700}.skills__content{display:flex;justify-content:space-between;width:100%}.skills__category{background-color:#10193599;border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#d9e3f2;margin:10px;outline:1px solid #101935;padding:20px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;width:20%}.skills__category:hover{box-shadow:0 10px 15px #0003;transform:translateY(-5px)}.category__title{font-size:2rem;padding:10px;text-align:center}.category__item{font-size:1.2rem}.projects{background-color:#d9e3f2;box-sizing:border-box;font-family:Quicksand,sans-serif;min-height:calc(100vh - 80px);padding:100px 0}.projects__container{margin:0 auto;width:80%}.projects__title{margin-bottom:50px;text-align:center}.projects__title h1{font-size:3rem;font-weight:700}.project__title{font-size:2rem;font-weight:700;margin-bottom:20px}.project__content{display:flex;gap:20px;margin-bottom:20px}.project__image-container{border-radius:8px;cursor:pointer;flex:1;overflow:hidden}.project__image{border-radius:8px;box-shadow:0 4px 8px #0000001a;display:block;transition:transform .3s ease,box-shadow .3s ease;width:100%}.project__image:hover{box-shadow:0 8px 16px #0003;transform:scale(1.02)}.project__description-container{flex:1}.project__description{font-size:1.2rem;margin-bottom:10px}.project__show-more{background-color:#c6d5eb;border:2px solid #101935;border-radius:5px;box-shadow:6px 6px #101935;color:#101935;cursor:pointer;margin-top:10px;padding:10px 20px;transition:box-shadow .2s ease-in-out,transform .2s ease-in-out}.project__show-more:hover{box-shadow:3px 3px #101935;transform:translate(3px) translateY(3px)}.project__show-more:active{box-shadow:none;transform:translate(6px) translateY(6px)}.list-enter-active,.list-leave-active{transition:transform .5s ease,opacity .5s ease}.list-enter-from,.list-leave-to{opacity:0;transform:translateY(-20px)}.project__link{background-color:#c6d5eb;border:2px solid #101935;border-radius:5px;box-shadow:6px 6px #101935;color:#101935;cursor:pointer;display:inline-block;padding:10px 20px;text-decoration:none;transition:box-shadow .2s ease-in-out,transform .2s ease-in-out}.project__link:hover{box-shadow:3px 3px #101935;color:#101935;transform:translate(3px) translateY(3px)}.project__link:active{box-shadow:none;transform:translate(6px) translateY(6px)}.modal-overlay{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{position:absolute}.modal-content img{border-radius:8px;max-height:100%;max-width:100%}.modal-close{background:transparent;border:none;cursor:pointer;padding:10px;position:absolute;right:-40px;top:-40px}.modal-close-icon{transition:transform .3s ease-in-out}.modal-close-icon:hover{transform:rotate(90deg)}.experience{background-attachment:fixed;background-image:url(./experience_background.DWEgkzdY.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;font-family:Quicksand,sans-serif;min-height:calc(100vh - 80px);padding:100px 0}.experience__container{margin:0 auto;width:80%}.experience__title{margin-bottom:50px;text-align:center}.experience__title h1{font-size:3rem;font-weight:700}.experience__content{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%}.experience__job{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.experience__job:hover{box-shadow:0 8px 12px #00000026;transform:translateY(-5px)}.job__header{align-items:center;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;display:flex;padding:15px}.job__logo-container{flex-shrink:0;height:80px;width:80px}.job__logo{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.job__title-container{margin-left:15px}.job__title{font-size:1.5rem;font-weight:600;margin:0}.job__company{font-size:1.2rem;font-weight:800;margin:0}.job__dates{color:#777;font-size:1rem;margin:0}.job__content{padding:15px}.job__responsibilities{list-style-type:disc;margin:0;padding:15px}.job__responsibility{color:#555;font-size:1rem;margin-bottom:10px}.certifications{background-color:#d9e3f2;box-sizing:border-box;font-family:Quicksand,sans-serif;min-height:50vh;padding:100px 0}.certifications__container{margin:0 auto;width:80%}.certifications__title{margin-bottom:50px;text-align:center}.certifications__title h1{font-size:3rem;font-weight:700}.certifications__content{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;width:30%}.certifications__certification{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.certifications__certification:hover{box-shadow:0 8px 12px #00000026;transform:translateY(-5px)}.certification__header{align-items:center;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;display:flex;padding:15px}.certification__logo-container{flex-shrink:0;height:80px;width:80px}.certification__logo{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.certification__title-container{margin-left:15px}.certification__title{font-size:1.5rem;font-weight:600;margin:0}.certification__authority{color:#777;font-size:1rem;margin:0}.certification__content{gap:10px;padding:15px}.certification__date{font-size:1.2rem;font-weight:600;margin:0}.certification__id{color:#777;font-size:1rem;margin:0}.certification__link{background-color:#f5f8fa;border:1px solid #ccc;border-radius:4px;color:#101935;cursor:pointer;display:inline-block;margin-top:10px;padding:6px 12px;text-decoration:none;transition:background-color .2s ease-in-out}.certification__link:hover{background-color:#ebeff2}.certification__link:active{background-color:#e0e4e8}