:root{font-family:Poppins,sans-serif;line-height:1.5;font-weight:400;--background-color: #f8f7f0;--color-primary: #0c2f3e;--color-secondary: #212c40;--color-tertiary: #fb862d}*,*:before,*:after{margin:0;padding:0;box-sizing:inherit}#root{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}body{display:flex;flex-direction:column;align-items:center;min-height:100vh;min-width:100vw;overflow-x:hidden}a{text-decoration:none}html{width:100%;height:100%;background-color:var(--background-color);color:var(--color-primary);font-family:"Source Sans 3",sans-serif;font-size:.625vw;scroll-behavior:smooth}.app{width:70%;display:flex;flex-direction:column;align-items:center;gap:10rem}nav{z-index:25;display:flex;width:100%;justify-content:space-between;align-items:center;margin-top:3rem;position:relative}nav .navigation__left img{width:5rem}nav .navigation__middle{display:flex;font-size:1.6rem;align-items:center;gap:7rem}nav .navigation__middle a,nav .navigation__middle a:visited{color:var(--color-primary);cursor:pointer;transition:all .3s ease}:is(nav .navigation__middle a,nav .navigation__middle a:visited):hover{color:var(--color-secondary)}nav .active-page{transition:all .3s ease;color:var(--color-secondary);border-bottom:1px solid var(--color-secondary)}.home{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.home .home__left{width:150%;display:flex;flex-direction:column;justify-content:space-between}.home .home__left .home__left-up{display:flex;flex-direction:column}.home .home__left .home__left-up h1:nth-child(1){font-family:Handlee,cursive;font-size:5rem}.home .home__left .home__left-up h1:nth-child(2){color:var(--color-tertiary);font-size:5rem}.home .home__left .home__left-down{display:flex;align-items:center;gap:1rem}.home .home__left .home__left-down h2:nth-child(1){font-size:3.6rem;color:var(--color-secondary)}.home .home__left .home__left-down h2:nth-child(2){font-size:1.6rem}.home .home__middle{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.home .home__middle .arrow{width:70%;position:absolute;left:-40%;top:30%;rotate:10deg;z-index:-1}.home .home__middle img{width:50rem}.home .home__middle .my-img-up{z-index:2;display:flex;justify-content:center;align-items:center;margin-top:-34rem;margin-left:-2.5rem}.home .home__middle .my-img-up img{width:50rem}.home .home__middle .my-img-down{width:40rem;height:40rem;margin-top:-21rem;margin-left:-2.5rem;display:flex;align-items:center;justify-content:center;background-color:var(--background-color);border-radius:50%;border:2px solid var(--color-tertiary);overflow:hidden}.home .home__right{display:flex;flex-direction:column;justify-content:space-between}.home .home__right .home__right-up p{font-size:1.8rem;text-align:end;width:100%}.home .home__right .home__right-down{width:60%}.home .home__right .home__right-down span{font-family:Handlee,cursive;color:var(--color-primary);font-size:2.6rem}.home .home__right .home__right-down h1{margin-top:-2rem;text-align:end;font-size:2.6rem;color:var(--color-secondary)}.about{background-color:var(--color-tertiary);width:100vw;padding:15rem;display:flex;justify-content:center;align-items:center;position:relative}.about .about-content{width:70%;display:flex;justify-content:space-between}.about .about__left{width:60%;display:flex;flex-direction:column}.about .about__left h2{font-size:4rem}.about .about__left p{font-size:2rem;width:80%}.about .about__right{width:40%;display:flex;justify-content:center;align-items:center}.about .about__right img{width:90%;object-fit:cover;--g: .4rem;--b: 1rem;--c: var(--background-color);padding:calc(var(--g) + var(--b));--_c: #0000 0 25%, var(--c) 0 50%;--_g1: repeating-linear-gradient(90deg ,var(--_c)) repeat-x;--_g2: repeating-linear-gradient(180deg,var(--_c)) repeat-y;background:var(--_g1) var(--_p, 25%) 0,var(--_g2) 0 var(--_p,125%),var(--_g1) var(--_p,125%) 100%,var(--_g2) 100% var(--_p, 25%);background-size:200% var(--b),var(--b) 200%;cursor:pointer;transition:.3s}.about .about__right img:hover{--_p: 75%}.projects{width:100vw;display:flex;flex-direction:column;align-items:center;position:relative;padding:5rem}.projects .projects-content{display:flex;gap:5rem;transition:all 1s ease}.projects .pagination-left{transform:translate(15%)}.projects .pagination-mid{transform:translate(0)}.projects .pagination-right{transform:translate(-15%)}.projects img{width:50rem;height:25rem;border-radius:1rem;border:2px solid var(--color-tertiary);transition:all .3s ease}.projects .projects__project{width:50rem;display:flex;flex-direction:column;align-items:center;cursor:pointer}.projects .projects__project:hover>img,.projects .projects__project:hover>.project-card{scale:1.05;z-index:-1}.projects .projects__project .project-card{background-color:var(--background-color);width:80%;padding:2rem;border-radius:1rem;margin-top:-10rem;display:flex;flex-direction:column;transition:all .3s ease;gap:1rem;box-shadow:-.4rem .5rem .8rem -.7rem #000000bf;-webkit-box-shadow:-.4rem .5rem .8rem -.7rem rgba(0,0,0,.75);-moz-box-shadow:-.4rem .5rem .8rem -.7rem rgba(0,0,0,.75)}.projects .projects__project .project-card span{color:var(--color-tertiary);font-weight:500}.projects .projects__project .project-card h1{font-size:2rem}.projects .projects__project .project-card p{font-size:1.5rem}.projects .projects__project .project-card .project-card-stack{display:flex;align-items:center;justify-content:space-between}.pagination{width:100%;display:flex;justify-content:center;gap:3rem;margin-top:5rem;z-index:26}.pagination span{width:1.5rem;height:1.5rem;background-color:#e0e3eb;border-radius:50%;transition:all .3s ease;cursor:pointer}.pagination .pag-active{background-color:#626687}.contact{background-color:var(--color-secondary);width:100vw;position:relative;padding:10rem;margin-top:-5rem;display:flex;justify-content:center;align-items:center}.contact h1{font-size:4rem}.contact .contact__card{background-color:var(--background-color);width:calc(70% - 5rem);height:100%;border-radius:.5rem;display:flex;align-items:center}.contact .contact__card .contact__card-left{padding:5rem;width:65%;display:flex;flex-direction:column;gap:3rem}.contact .contact__card .contact__card-left .contact__form{z-index:26;display:flex;flex-direction:column;align-items:center;gap:4rem}.contact .contact__card .contact__card-left .contact__form div{width:100%;display:flex;align-items:center;gap:4rem}.contact .contact__card .contact__card-left .contact__form div label{display:flex;flex-direction:column;font-size:1.5rem;width:calc(50% - 4rem);gap:.5rem;letter-spacing:.1rem}.contact .contact__card .contact__card-left .contact__form div label p span{color:#f76f6f}.contact .contact__card .contact__card-left .contact__form div label input{width:100%;border:none;border-bottom:1px solid var(--color-primary);background-color:transparent;padding:.5rem 0 .5rem .1rem}.contact .contact__card .contact__form>label{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;font-size:1.5rem;letter-spacing:.1rem}.contact .contact__card .contact__form>label p span{color:#f76f6f}.contact .contact__card .contact__form>label textarea{resize:none;height:5.5rem;font-size:1.5rem;padding:.5rem 0 .5rem .1rem;width:calc(100% - 4rem);background-color:transparent;border:none;border-bottom:1px solid var(--color-primary)}.contact .contact__card .contact__card-right{padding:5rem;background-color:var(--color-tertiary);width:35%;border-radius:.5rem 0 0 .5rem;display:flex;flex-direction:column;gap:3rem}.contact .contact__card .contact__card-right p{display:flex;gap:2rem;font-size:1.6rem}.contact .contact__card .contact__card-right p span{font-weight:500}.contact .contact__card .contact__card-right .contact-social{display:flex;gap:5rem;align-items:center}.contact .contact__card .contact__card-right .contact-social img{width:5rem;cursor:pointer;transition:all .5s ease}.contact .contact__card .contact__card-right .contact-social img:hover{scale:1.1}.confirm__send{position:fixed;bottom:5rem;padding:2rem 5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;border-radius:.5rem;background-color:var(--background-color);z-index:30;box-shadow:3px 3px 19px 2px #000000bd;transition:all .5s ease}.confirm__send img{width:5rem}.mail-sent{opacity:1;transition:all .5s ease}.mail-not{opacity:0;transform:translateY(2rem);transition:all .5s ease}.action-btn{background-color:var(--color-secondary);border:none;font-size:1.6rem;border-radius:5px;padding:1rem 2rem;letter-spacing:1px;color:#f8f7f0;font-weight:700;cursor:pointer;transition:all .3s ease;z-index:26}.action-btn:hover{background-color:#0c2f3ed4}.nav-name{position:absolute;top:5rem;left:39rem;font-size:2rem;letter-spacing:.5rem}.nav-projects{position:absolute;top:-3rem;left:29rem;font-size:2rem;letter-spacing:.5rem}.nav-contact{left:37rem}.nav-light{color:var(--background-color)}.nav-dark{color:var(--color-primary)}.blur{-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);background-color:#ffffff1a;position:fixed;bottom:0;width:100vw;height:20rem;z-index:10;-webkit-mask-image:linear-gradient(to top,black,transparent);mask-image:linear-gradient(to top,black,transparent)}.fade-in{opacity:1;animation-name:fadeInOpacity;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:1s}@keyframes fadeInOpacity{0%{transform:translateY(10rem);opacity:0}to{opacity:1}}@media screen and (max-width: 600px){html{font-size:calc(1000vw / 600);overflow-y:hidden}.app{width:100%}html{display:flex!important;justify-content:center!important}nav{width:90%!important}.navigation__middle a,.navigation__middle a:visited{display:none}.home{display:flex!important;flex-direction:column;justify-content:center}.home__left{display:flex}.home__left .home__left-up{text-align:center;margin-left:-25rem}.home__middle{margin-left:5rem}.home__middle img{width:50rem!important}.home__middle .my-img-up{margin-bottom:.5rem!important;margin-left:-2.5rem!important}.home__middle .my-img-up img{width:49rem!important}.home__left-down,.arrow{display:none!important}.home__right{align-items:center}.home__right-up{margin-top:2rem;display:flex;justify-content:center;margin-bottom:5rem}.home__right-up p{text-align:center!important;width:80%!important}.home__right-down{width:40%!important}.about-content{flex-direction:column!important;width:90%!important;gap:5rem}.about__left{width:100%!important}.about__left h2{text-align:center}.about__left p{width:100%!important}.about__right{width:100%!important}.projects-content{flex-direction:column;align-items:center;width:90%}.pagination-left,.pagination-mid,.pagination-right{transform:translate(0)!important}.pagination{display:none!important}.contact h1{font-size:3rem!important}.contact textarea{width:100%!important}.contact__card{margin-left:-1rem;flex-direction:column;width:90%!important;overflow-x:hidden!important}.contact__card-left h1{text-align:center}.contact__card-right{display:flex;flex-direction:column;align-items:center;width:74.5%!important;border-radius:0!important}.contact__form{z-index:26}.contact__form div{flex-direction:column;align-items:flex-start}.contact__form label{width:100%!important}.nav-light{width:100%;text-align:center;margin-left:-25rem}.nav-dark{width:100%;text-align:center;margin-left:-15rem}.nav-name{text-align:start;margin-left:-20rem}.nav-projects{text-align:start;margin-left:-19rem}.nav-contact{margin-left:-24rem}}