.about__photos-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(6,auto);gap:1rem}.about__text-content{max-width:40rem}.awards__list li{margin-bottom:.6rem}.awards__list-item{width:1.7rem}@media screen and (min-width:0px){.about__photos-grid,.about__text-content{max-width:95vw;margin:0 auto}.about__text-content{padding:0 2rem}}@media screen and (min-width:768px){.about__photos-grid,.about__text-content{max-width:80vw}}@media screen and (min-width:1024px){.about__photos-grid,.about__text-content{max-width:70vw}.about__text-content{padding:0}}@media screen and (min-width:1730px){.about__photos-grid,.about__text-content{max-width:30vw}}.awards__card:hover .awards__card-image{transform:scale(1.5) translateY(-10px)}.awards__card:hover .awards__card-button{background:hsl(var(--nextui-primary))}.awards__card{max-width:25rem;width:90%}.awards__list{gap:2rem}@media screen and (min-width:0px){.awards__list{max-width:100%;margin-left:auto;margin-right:auto}}@media screen and (min-width:1200px){.awards__list{max-width:85%}}@media screen and (min-width:1650px){.awards__list{max-width:100%}}.light .introduction__logo{background-image:url(/assets/logo/aplogo-profile.svg)}.dark .introduction__logo{background-image:url(/assets/logo/aplogo-profile-dark.svg)}.introduction__logo,.introduction__profile-picture{background-size:cover;background-position:50%;background-repeat:no-repeat}.introduction__profile-picture{background-image:url(/assets/background/rounded-hexagon.svg)}.introduction__background-overlay{z-index:10;position:relative;overflow:hidden}.introduction__background-video{position:absolute;top:0;left:0;z-index:1;width:100vw;height:90vh;-o-object-fit:cover;object-fit:cover}.introduction__background-video--light{opacity:.5}.introduction__background-video--dark{opacity:.2}.introduction__video-gradient{width:100vw;height:90vh;position:absolute;background:linear-gradient(0deg,hsl(var(--nextui-background)) 30%,#ff000000 90%);z-index:2;top:0;left:0}.dark .introduction__background-video--light,.light .introduction__background-video--dark{display:none}.introduction__divider{background:hsl(var(--nextui-background));border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid hsla(0,0%,100%,.3);z-index:20;display:flex;align-items:center;overflow:hidden}.dark .introduction__divider{border:1px solid rgba(0,0,0,.3);box-shadow:0 4px 30px hsla(0,0%,100%,.15)}.introduction__divider .textAnimation{transform:translateX(-100%)}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(100vw)}}.introduction__divider .textAnimation{animation:slideIn 30s linear infinite}#introduction{padding-top:4rem}@media screen and (min-width:0px){#introduction{flex-direction:column;text-align:center}.introduction__profile-picture{width:100%}.introduction__profile-picture img{width:30rem}.introduction__logo{width:12rem;height:12rem}.introduction__text-content{width:100%;padding:0 1.5rem;display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.introduction__text-content-title .title{font-size:1.8rem}}@media screen and (min-width:750px){.introduction__profile-picture{width:90%}}@media screen and (min-width:850px){.introduction__profile-picture{width:85%}.introduction__profile-picture img{width:35rem}.introduction__logo{width:15rem;height:15rem}.introduction__text-content{width:70%;margin-bottom:4rem}.introduction__text-content-title .title{font-size:2.7rem}}@media screen and (min-width:1030px){.introduction__profile-picture{width:70%}.introduction__profile-picture img{width:33rem}}@media screen and (min-width:1220px){.introduction__profile-picture{width:55%}.introduction__profile-picture img{width:30rem}}@media screen and (min-width:1430px){#introduction{flex-direction:row;text-align:inherit}.introduction__profile-picture{width:35%}.introduction__profile-picture img{width:23rem}.introduction__text-content{display:inline-block;width:37%}.introduction__logo{width:12rem;height:12rem}.introduction__text-content-subtitle{text-indent:3rem}}@media screen and (min-width:1520px){.introduction__profile-picture{width:42%}.introduction__profile-picture img{width:28rem}.introduction__text-content{width:40%}.introduction__logo{width:15rem;height:15rem}}@media screen and (min-width:1650px){#introduction{padding-top:0}.introduction__profile-picture{width:45%}.introduction__profile-picture img{width:30rem}.introduction__text-content{width:45%}}@media screen and (min-width:1810px){.introduction__profile-picture{width:100%}.introduction__profile-picture img{width:38.6rem}.introduction__text-content{width:70%}.introduction__logo{width:20rem;height:20rem}}#contact{background-image:url(/assets/background/long-wave.svg);background-size:cover;background-repeat:no-repeat;background-position:50%;width:100%;height:106vh;max-width:none;overflow:hidden}.contact__email-link a{line-height:4.2rem;transition:.2s}.contact__email-link a:hover{text-shadow:0 0 10px #fff}@media screen and (min-width:0px){.contact__email-link a{font-size:1.5rem}}@media screen and (min-width:500px){.contact__email-link a{font-size:2.2rem}}@media screen and (min-width:768px){.contact__email-link a{font-size:3rem}}@media screen and (min-width:1024px){.contact__email-link a{font-size:3.5rem}}.light .project-modal__link{color:#102031}@media screen and (min-width:0px){.projects-modal{max-height:85vh}.projects-modal__body,.projects-modal__header{flex-direction:column}.projects-modal__body iframe{height:25rem;width:100%}.projects-modal__body{overflow:scroll}.projects-modal__spacer{margin-top:2rem}}@media screen and (min-width:800px){.projects-modal{max-height:95vh}#projects-modal__image--hover{transition:transform 5s!important}#projects-modal__image--hover:hover{transform:translateY(calc(-100% + 24rem))}.projects-modal__body iframe,.projects-modal__image-crop{overflow:hidden;max-height:25rem}.projects-modal__body iframe{width:30rem}.projects-modal__spacer{margin-left:1rem;margin-top:0}.projects-modal__body,.projects-modal__header{flex-direction:row}.projects-modal__image-crop{width:100%}.projects-modal__text{max-width:50%}}.projects__card-header{transition:.2s}.projects__card:hover .projects__card-header{opacity:0}.projects__card:hover .projects__card-image{transform:scale(1.5) translateY(-10px)}.projects__card:hover .projects__card-button{background:hsl(var(--nextui-primary))}.projects__card{max-width:28rem;width:90%}.projects__list{margin-left:auto;margin-right:auto}@media screen and (min-width:0px){.projects__paragraph-description{max-width:9rem}}@media screen and (min-width:1200px){.projects__list{max-width:80%}.projects__paragraph-description{max-width:14rem}}@media screen and (min-width:1700px){.projects__list{max-width:100%}}.light .sectionTransition{color:#102031}.dark .sectionTransition{box-shadow:-33px -33px 65px #000306,33px 33px 65px #020d1a}@media screen and (min-width:0px){.sectionTransition{width:90%;margin-top:4rem;padding:2rem 0}.sectionTransition__list{display:flex;flex-direction:column}}@media screen and (min-width:500px){.sectionTransition__list-item{padding:2rem 5rem}}@media screen and (min-width:900px){.sectionTransition{padding:0}.sectionTransition__list{flex-direction:row}.sectionTransition__list-item{padding:1rem;width:30%}}@media screen and (min-width:1024px){.sectionTransition__list-item{padding:2rem}.sectionTransition{margin-top:9rem}}@media screen and (min-width:1600px){.sectionTransition__list-item{padding:4rem}}.skills__list{display:grid}.skills__list-item img{margin:.5rem 1rem;width:3.5rem;height:3rem;transition:.2s}.skills__list-item img:hover{transform:translateY(-10px)}.skills__list-item img.bigger{width:7rem}.skills__list-item{flex-wrap:wrap}.skills__list-item--devops{grid-area:devops}.skills__list-item--web{grid-area:web}.skills__list-item--design{grid-area:design}.skills__list-item--engineering{grid-area:engineering}.skills__list-item--project-manager{grid-area:project-manager}.skills__list-item--others{grid-area:others}@media screen and (min-width:0px){.skills__list{grid-template-columns:1fr;grid-template-rows:repeat(6,1fr);gap:4rem;grid-template-areas:"devops" "web" "design" "engineering" "project-manager" "others"}}@media screen and (min-width:1440px){.skills__list{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:4rem;grid-template-areas:"devops web design" "engineering project-manager others"}}