@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap";*{margin:0;padding:0;outline:none;border:none;box-sizing:border-box;font-family:Montserrat}html{font-size:62.5%}:root{--voilet: #F5F5F5;--mauve: #8CA0D7;--yelow-white: #292c35;--ebony: #474545;--text: white;--regular-head: #e7c324f1;--container-width: 85vw;--container-mid: 90vw;--container-width-sm: 94vw;--page-hieght: 100dvh}.light{--voilet: #866e01;--mauve: #e7c324;--ebony: #CCCCCC;--text: #000;--regular-head: #8CA0D7;--yelow-white: #F5F5F5}body{-webkit-user-select:none;user-select:none;font-family:var(--monserrate);background:var(--yelow-white)!important;overflow-x:hidden;min-height:100vh}::-webkit-scrollbar{display:none}.my-container{max-width:144rem;width:var(--container-width);margin:auto;padding:0 1.6rem;position:relative}html,body{-webkit-text-size-adjust:100%}@media screen and (max-width:1440px){.my-container{width:90vw}}@media screen and (max-width:1200px){.my-container{width:92vw}}@media screen and (max-width:1024px){.my-container{width:94vw}}@media screen and (max-width:768px){.my-container{width:96vw;padding:0 1.2rem}}@media screen and (max-width:553px){.my-container{width:100vw;padding:0 1rem 0rem}}#root{max-width:100%;margin:0 auto;padding:0;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}nav{position:sticky;top:0;background-color:var(--yelow-white)!important;z-index:20}.nav__container{background:transparent;width:100%;display:flex;height:6rem;justify-content:space-between;align-items:flex-end;color:var(--voilet);padding:0rem 1rem}.nav__container h2{font-size:2.5rem;font-weight:700}.nav__menu{display:flex;justify-content:flex-end;align-items:center;text-decoration:none;width:70%}.nav__menu li{list-style:none;padding:0rem .4rem;margin-left:1rem}.nav__menu a{text-decoration:none;font-size:1.5rem;font-weight:regular;position:relative;color:currentColor}.nav__menu a:after{content:"";position:absolute;bottom:-.2rem;left:0;width:100%;height:.15rem;border-radius:2.5rem}.bg__change{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.checkbox{opacity:0;width:5rem;height:2.5rem;position:absolute;z-index:1}.checkbox__label{background:#000;width:4.9rem;height:2.4rem;border-radius:4.8rem;padding:.25rem .3rem .25rem .2rem;display:flex;justify-content:space-between;align-items:center;position:relative}.fa-sun,.fa-moon{color:gold;font-size:1.8rem}.checkbox__label .check__ball{background-color:#fff;width:2rem;height:2rem;border-radius:50%;position:absolute;transition:transform .2s linear}.checkbox:checked+.checkbox__label .check__ball{transform:translate(2.6rem)}#open-menu-btn,#close-menu-btn{display:none}@media screen and (max-width:768px){.nav__container{height:5rem}.nav__container h2{font-size:2rem}.nav__menu a{font-size:1.3rem}.nav__menu li{margin-left:.5rem;padding:0 .3rem}.checkbox__label{width:4rem;height:2rem}.checkbox__label .check__ball{width:1.6rem;height:1.6rem}.fa-sun,.fa-moon{font-size:1.4rem}.checkbox:checked+.checkbox__label .check__ball{transform:translate(2rem)}}@media screen and (max-width:553px){nav{width:100%}.nav__container{width:100%;display:flex;height:3.5rem;align-items:flex-end;color:var(--voilet);padding:0rem 1rem}.nav__container h2{font-size:1.5rem;font-weight:800;align-items:center}.nav__menu{display:none}.bg__change{margin-bottom:0rem}}#landing__page{width:100%;height:var(--page-hieght);background-color:transparent;display:flex;align-items:center;justify-content:space-around;gap:2.4rem;flex-wrap:wrap;padding:3.2rem 0}.landing__image{flex:1 1 42rem;max-width:55%;height:auto;display:flex;flex-direction:row;justify-content:center;align-items:center}.landing__image img{display:block;max-width:100%;height:auto;margin:0}#landing__page .landing__text{flex:1 1 42rem;max-width:55%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:32rem}.text{height:55%;display:flex;flex-direction:column;align-items:start;justify-content:flex-end}.text p{font-size:1.6rem;color:var(--text);text-align:left;line-height:1.8;letter-spacing:.03rem;margin:1.5rem 0;font-weight:400;opacity:.9;max-width:50rem}#landing__page .text #btn{margin-bottom:1.6rem}#landing__page .landing__text .socials{margin-top:.6rem;display:flex;gap:1rem}.text h3{display:flex;flex-direction:column;text-align:left;color:var(--voilet);line-height:1}.text h3 span:nth-child(1){font-weight:300;letter-spacing:.05rem;font-size:3.5rem}.text h3 span:nth-child(2){text-transform:capitalize;font-weight:800;letter-spacing:0;font-size:7rem}#btn{position:relative;text-decoration:none;text-transform:uppercase;font-size:2rem;padding:.75rem 1.5rem;letter-spacing:.1rem;background:#444;color:var(--voilet);transition:.5s;border-radius:.5rem;font-weight:500}#btn:hover{letter-spacing:.25rem;background:#0059ff;color:#0059ff;box-shadow:0 0 3.4rem var(--mauve)}#btn:before{content:"";position:absolute;inset:.3rem;background:var(--yelow-white)}#btn span{position:relative;z-index:1}#btn i{position:absolute;inset:0;display:block}#btn i:before{content:"";position:absolute;border:.15rem solid var(--voilet);top:-.35rem;left:80%;width:1.5rem;height:1rem;transform:translate(-50%);background:var(--yelow-white);transition:.5s}#btn:hover i:before{width:2rem;left:20%}#btn i:after{content:"";position:absolute;border:.15rem solid var(--voilet);bottom:-.35rem;left:20%;width:1.5rem;height:1rem;transform:translate(-50%);background:var(--yelow-white);transition:.5s}#btn:hover i:after{width:2rem;left:80%}.landing__text .socials{width:70%;height:20%;display:flex;justify-content:space-between;align-items:baseline}.hex__wrapper{display:flex;width:7rem;height:7rem}.hex{position:relative;margin:auto;display:flex;align-content:center;justify-content:center;background:linear-gradient(-180deg,var(--mauve),var(--voilet));width:3.4rem;height:5.6rem;transition:.5s;cursor:pointer;border-radius:.4rem}.hex a{display:flex;align-self:center;background:transparent;border:none;border-radius:0;text-decoration:none;color:var(--yelow-white)}.hex a:hover{color:var(--yelow-white)}.hex i{z-index:1;display:flex;margin:auto;font-size:3.7rem}.hex:after,.hex:before{content:"";position:absolute;height:100%;width:100%;background:inherit;border-radius:.4rem;transform-origin:center;transition:.7s}.hex:after{transform:rotate(60deg)}.hex:before{transform:rotate(-60deg)}.hex:hover{border-radius:5rem;transition:.7s}.hex:hover:before{border-radius:5rem;transition:.7s}.hex:hover:after{border-radius:5rem;transition:.7s}@media screen and (max-width:553px){#landing__page{width:100%;min-height:calc(100dvh - 4rem);height:auto;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;padding:1.5rem 1rem}#landing__page .landing__text{width:100%;max-width:100%;min-width:0;height:auto;padding:0;align-items:center;text-align:center;order:2}.landing__image{width:100%;height:auto;display:flex;justify-content:center;order:1}.landing__image img{display:block;max-width:20rem;height:auto;margin:0 auto;border-radius:50%;object-fit:cover}.text p{font-size:1.1rem;margin:.8rem 0;line-height:1.5;text-align:center}.text{width:100%;align-items:center;justify-content:center}.text h3{align-items:center;justify-content:center}.text h3 span:nth-child(1){font-weight:300;letter-spacing:.05rem;font-size:1.8rem}.text h3 span:nth-child(2){text-transform:capitalize;font-weight:800;font-size:2.4rem}.landing__text .socials{width:100%;height:auto;margin-top:1rem;display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap;padding-left:0}.hex__wrapper{width:3.5rem;height:4rem;display:flex;justify-content:center;align-items:center}.hex{margin:0}#btn{font-size:1.4rem;padding:.6rem 1.2rem;letter-spacing:0rem;background:#444;color:var(--voilet);transition:.5s;border-radius:.5rem;font-weight:500;margin-bottom:1rem}.hex{position:relative;margin:0;width:2rem;height:3.3rem}.hex a i{font-size:1.6rem}}@media screen and (max-width:480px){.landing__image img{max-width:18rem}.text h3 span:nth-child(1){font-size:1.7rem}.text h3 span:nth-child(2){font-size:2.2rem}.text p{font-size:1.05rem;margin:.6rem 0}#btn{font-size:1.3rem;padding:.5rem 1rem;margin-bottom:1rem}.landing__text .socials{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:.8rem}.hex__wrapper{width:3rem;height:3.5rem;display:flex;justify-content:center;align-items:center}.hex{width:1.8rem;height:3rem;margin:0}.hex a i{font-size:1.4rem}}@media screen and (max-width:375px){#landing__page{gap:.5rem;padding:1rem;min-height:calc(100dvh - 4rem)}.landing__image img{max-width:16rem}.text h3 span:nth-child(1){font-size:1.6rem}.text h3 span:nth-child(2){font-size:2rem}.text p{font-size:1rem;margin:.6rem 0;line-height:1.5}#btn{font-size:1.2rem;padding:.5rem 1rem;margin-bottom:1rem}.landing__text .socials{margin-top:.5rem;gap:.8rem;justify-content:center}.hex__wrapper{width:2.8rem;height:3.2rem}.hex{width:1.6rem;height:2.6rem}.hex a i{font-size:1.2rem}}@media screen and (min-width:554px)and (max-width:1024px){#landing__page{flex-direction:column;height:auto;min-height:var(--page-hieght);padding:4rem 2rem;gap:3rem}#landing__page .landing__image{order:-1;flex:none;max-width:100%;width:100%;display:flex;justify-content:center}.landing__image img{max-width:35rem}#landing__page .landing__text{flex:none;max-width:100%;width:100%;min-width:0;align-items:center;text-align:center}.text{width:100%;align-items:center}.text h3{align-items:center}.text p{text-align:center;max-width:60rem}.landing__text .socials{justify-content:center}}#about__page{width:100%;margin-top:6rem;display:flex;flex-direction:column;gap:1rem}.about__header{text-align:center;max-width:60rem;margin:0 auto 5rem}.about__label{display:inline-block;font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.3rem;color:var(--regular-head);margin-bottom:1rem}.about__header h2{font-size:3.5rem;font-weight:700;color:var(--voilet);margin-bottom:1.5rem}.about__header p{font-size:1.4rem;color:var(--text);line-height:1.7;opacity:.8}.abt{width:100%;display:flex;flex-direction:row;justify-content:space-between}.second__abt,.fourth__abt{display:flex;flex-direction:row-reverse}.abt__content{width:40%;display:flex;align-self:center;flex-direction:column}.abt h3{font-size:3.5rem;color:var(--regular-head);text-align:left;font-weight:700;margin-bottom:1.5rem}.abt p{font-size:1.5rem;color:var(--text);font-family:var(--monserrate);text-align:left;line-height:1.8;letter-spacing:.02rem;opacity:.9}.second__abt .abt__content,.fourth__abt .abt__content,.second__abt h3,.fourth__abt h3,.second__abt p,.fourth__abt p{text-align:right}.abt__vector{width:50%;display:flex;justify-content:center}.abt__vector img{width:25rem;height:90%}@media screen and (max-width:1024px){.abt h3{font-size:2.8rem}.abt p{font-size:1.4rem}.abt__vector img{width:22rem}}@media screen and (max-width:768px){.about__header{margin-bottom:4rem}.about__header h2{font-size:3rem}.abt{flex-direction:column;align-items:center;gap:2rem;margin-bottom:4rem}.second__abt,.fourth__abt{flex-direction:column}.abt__content{width:100%;text-align:center}.abt h3,.second__abt h3,.fourth__abt h3{font-size:2.4rem;text-align:center}.abt p,.second__abt p,.fourth__abt p{text-align:center}.abt__vector{width:100%;order:-1}.abt__vector img{width:20rem}}@media screen and (max-width:553px){.about__header{margin-bottom:3rem;padding:0 1rem}.about__label{font-size:1rem;letter-spacing:.2rem}.about__header h2{font-size:2rem}.about__header p{font-size:1.2rem}.abt{padding:0 1rem;margin-bottom:3rem;gap:1.5rem}.abt h3,.second__abt h3,.fourth__abt h3{font-size:1.8rem;text-align:center;margin-bottom:1rem}.abt p,.second__abt p,.fourth__abt p{font-size:1.2rem;text-align:center}.abt__vector img{width:15rem}}#projects__page{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:8rem 0;position:relative}.projects__header{text-align:center;max-width:60rem;margin-bottom:5rem}.projects__label{display:inline-block;font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.3rem;color:var(--regular-head);margin-bottom:1rem}.projects__header h2{font-size:3.5rem;font-weight:700;color:var(--voilet);margin-bottom:1.5rem}.projects__header p{font-size:1.4rem;color:var(--text);line-height:1.7;opacity:.8}.carousel{width:100%;max-width:110rem;min-height:68rem;display:flex;align-items:center;gap:3rem;position:relative}.carousel__container{flex:1;overflow:hidden;min-height:66rem}.carousel__track{width:100%;min-height:66rem}.carousel__btn{width:5rem;height:5rem;border-radius:50%;border:.2rem solid var(--ebony);background:transparent;color:var(--voilet);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.6rem;transition:all .3s ease;flex-shrink:0}.carousel__btn:hover{background:var(--voilet);color:var(--yelow-white);border-color:var(--voilet);transform:scale(1.1)}.project-slide{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;padding:4rem 3rem;min-height:66rem;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(2rem)}to{opacity:1;transform:translate(0)}}.project-slide__content{display:flex;flex-direction:column;gap:1.5rem}.project-slide__number{font-size:8rem;font-weight:800;color:var(--regular-head);opacity:.3;line-height:1}.project-slide__title{font-size:3.2rem;font-weight:700;color:var(--voilet);margin:0}.project-slide__desc{font-size:1.5rem;color:var(--text);line-height:1.9;margin:0;opacity:.85}.project-slide__tags{display:flex;flex-wrap:wrap;gap:.8rem}.project-slide__tag{font-size:1.1rem;padding:.5rem 1.2rem;background:#ffffff0d;border:.1rem solid var(--ebony);border-radius:2rem;color:var(--text);font-weight:500}.project-slide__actions{display:flex;gap:1rem;margin-top:1rem}.project-slide__link{display:inline-flex;align-items:center;gap:.8rem;padding:1rem 2rem;font-size:1.4rem;font-weight:600;text-decoration:none;border-radius:.8rem;transition:all .3s ease}.project-slide__link--primary{background:var(--regular-head);color:var(--yelow-white)}.project-slide__link--primary:hover{transform:translate(.5rem);box-shadow:0 1rem 3rem #0003}.project-slide__link i{transition:transform .3s ease}.project-slide__link:hover i{transform:translate(.5rem)}.project-slide__visual{display:flex;justify-content:center;align-items:center}.project-slide__mockup{width:100%;max-width:50rem;border-radius:1.4rem;overflow:hidden;box-shadow:0 3rem 10rem #0000004d;background:var(--yelow-white);border:.1rem solid var(--ebony)}.mockup__browser{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#0000001a;border-bottom:.1rem solid var(--ebony)}.mockup__dots{display:flex;gap:.6rem}.mockup__dots span{width:1rem;height:1rem;border-radius:50%;background:var(--ebony)}.mockup__dots span:nth-child(1){background:#ff5f57}.mockup__dots span:nth-child(2){background:#ffbd2e}.mockup__dots span:nth-child(3){background:#28ca41}.mockup__url{flex:1;font-size:1rem;color:var(--text);opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#0000001a;padding:.5rem 1rem;border-radius:.4rem}.mockup__screen{aspect-ratio:16/9;min-height:38rem;background:linear-gradient(135deg,var(--ebony),var(--yelow-white));display:flex;align-items:center;justify-content:center;width:100%}.mockup__placeholder{display:flex;align-items:center;justify-content:center}.mockup__icon{width:12rem;height:12rem;border-radius:2.4rem;background:var(--regular-head);font-size:5rem;font-weight:700;color:var(--yelow-white);box-shadow:0 1.5rem 4rem #0003;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1}.carousel__indicators{display:flex;gap:1rem;margin-top:4rem}.carousel__dot{width:1.2rem;height:1.2rem;border-radius:50%;border:.2rem solid var(--ebony);background:transparent;cursor:pointer;transition:all .3s ease;padding:0}.carousel__dot--active{background:var(--regular-head);border-color:var(--regular-head);transform:scale(1.2)}.carousel__dot:hover{border-color:var(--regular-head)}.carousel__counter{display:flex;align-items:center;justify-content:center;margin-top:2.5rem;font-size:1.6rem;font-weight:600;color:var(--text)}.carousel__current{font-size:2.5rem;color:var(--regular-head);font-weight:700}.carousel__separator{margin:0 .8rem;opacity:.5}.carousel__total{opacity:.5}@media screen and (max-width:768px){.project-slide{grid-template-columns:1fr;gap:2rem;text-align:center}.project-slide__content{align-items:center}.project-slide__number{font-size:4rem}.project-slide__title{font-size:2.2rem}.project-slide__tags,.project-slide__actions{justify-content:center}.project-slide__visual{order:-1}.carousel__btn{width:4rem;height:4rem;font-size:1.3rem}.projects__header h2{font-size:2.5rem}.carousel{gap:1rem}}@media screen and (max-width:553px){#projects__page{padding:4rem 1rem}.carousel__btn{display:none}.project-slide{padding:1rem 0}.project-slide__mockup{max-width:28rem}.carousel__swipe-hint{display:flex}}.carousel__swipe-hint{display:none;align-items:center;justify-content:center;gap:.8rem;margin-top:1.5rem;font-size:1.2rem;color:var(--text);opacity:.6;animation:swipeHint 2s ease-in-out infinite}.carousel__swipe-hint i{font-size:1.4rem}@keyframes swipeHint{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.project__text{width:80%;height:60%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.project__text p{text-align:center;font-size:1.2rem;font-weight:500;color:var(--text)}.project__text h3{color:var(--voilet);font-size:2.5rem;font-weight:700}.project__text a{text-decoration:none;border:.1rem solid white;padding:.7rem 3.2rem;color:#fff;font-size:1.5rem;font-weight:500}#contact__page{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;padding:8rem 0;font-size:1.6rem;margin-top:2.5rem}.contact__header{text-align:center;max-width:60rem;margin-bottom:5rem}.contact__label{display:inline-block;font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.3rem;color:var(--regular-head);margin-bottom:1rem}.contact__header h2{font-size:3.5rem;font-weight:700;color:var(--voilet);margin-bottom:1.5rem}.contact__header p{font-size:1.4rem;color:var(--text);line-height:1.7;opacity:.8}.contact_div_wrapper{position:relative;width:100%;max-width:50rem;margin:0 auto}.card-3d-wrap{position:relative;width:100%;height:50rem;perspective:95rem}.card-3d-wrapper{position:absolute;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.9,.3,1);transform-origin:center center}.card-front,.card-back{position:absolute;width:100%;height:100%;top:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:1rem;display:flex;align-items:center;justify-content:center;padding:2.2rem;box-sizing:border-box;overflow:hidden}.card-front{z-index:2}.card-back{transform:rotateY(180deg);z-index:1}.card-3d-wrapper.is-flipped{transform:rotateY(180deg)}.center-wrap{position:relative;width:100%;max-width:42rem;max-height:100%;padding:2rem;margin:auto;box-sizing:border-box;display:flex;flex-direction:column;gap:1.2rem;align-items:center;text-align:center;z-index:5;overflow:auto}body:not(.light) .card-front,body:not(.light) .card-back{background:#1a1a2e;color:#fff;box-shadow:0 2rem 5rem #0006;border:1px solid rgba(255,255,255,.08)}body.light .card-front,body.light .card-back{background:#fff;color:#0b0b0b;border:1px solid rgba(0,0,0,.08);box-shadow:0 2rem 5rem #0000001f}.cont__head h3,.cont__form h3{width:100%;color:var(--voilet);font-size:3rem;text-align:center;font-weight:700;padding-bottom:1rem}.cont__head p{font-size:1.6rem;text-align:center;line-height:1.8;color:var(--text);max-width:50ch;margin:0 auto}#contact_btn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.8rem;border-radius:.6rem;box-shadow:0 .6rem 2rem #0003;border:none;margin-top:.6rem;font-size:1.4rem}body:not(.light) #contact_btn{background:linear-gradient(90deg,var(--regular-head),var(--mauve));color:var(--yelow-white);box-shadow:0 .8rem 2.4rem #0000004d}body.light #contact_btn{background:linear-gradient(90deg,#ffeba7,#ffd36b);color:#111;box-shadow:0 .8rem 2.4rem #00000014}.cont__form .form{width:100%;max-width:42rem;display:flex;flex-direction:column;gap:1.2rem}.cont__form .n,.cont__form textarea{width:100%;padding:1rem 1.2rem;border-radius:.6rem;font-size:1.6rem;box-sizing:border-box}body:not(.light) .cont__form .n,body:not(.light) .cont__form textarea{background:#ffffff08;color:#fff;border:1px solid rgba(255,255,255,.12)}body:not(.light) .cont__form .n::placeholder,body:not(.light) .cont__form textarea::placeholder{color:#ffffffb8}body.light .cont__form .n,body.light .cont__form textarea{background:#fff;color:#0b0b0b;border:1px solid rgba(0,0,0,.08)}.cont__form .n:focus,.cont__form textarea:focus{box-shadow:0 .8rem 3rem #0000002e;outline:none;border-color:var(--regular-head)}.cont__form textarea{min-height:10rem;max-height:14rem;resize:none}.form-ctas{display:flex;gap:1rem;justify-content:flex-end;align-items:center}.btn.ghost{background:transparent;color:var(--voilet);border:1px solid rgba(255,255,255,.06);padding:.6rem 1rem;border-radius:.5rem;cursor:pointer}body.light .btn.ghost{color:#444;border-color:#00000014}.cont__form .send{padding:.8rem 1.2rem;border-radius:.6rem;font-size:1.4rem;border:none;cursor:pointer}body:not(.light) .cont__form .send{background:linear-gradient(90deg,var(--regular-head),var(--mauve));color:var(--yelow-white);box-shadow:0 .8rem 2.4rem #00000047}body.light .cont__form .send{background:linear-gradient(90deg,#ffeba7,#ffd36b);color:#102770;box-shadow:0 .8rem 2.4rem #00000014}label[for=contact-flip]{cursor:pointer}@media screen and (max-width:768px){#contact__page{padding:6rem 2rem}.contact__header{margin-bottom:4rem}.contact__header h2{font-size:3rem}.contact_div_wrapper{max-width:45rem}.card-3d-wrap{height:45rem}}@media(prefers-reduced-motion:reduce){.card-3d-wrapper{transition:none}}@media screen and (max-width:553px){#contact__page{flex-direction:column;align-items:center;width:100%;height:auto;margin-top:4rem;padding:4rem 1rem 30rem}.contact__header{margin-bottom:3rem;padding:0 1rem}.contact__header h2{font-size:2.5rem}.contact__header p{font-size:1.2rem}#contact__page .contact_div_wrapper{width:100%;max-width:32rem;height:auto;padding:0rem;margin:auto}.cont__form .n{width:100%;height:3rem;padding:0rem 1.3rem;border-radius:.5rem;font-size:1.6rem;font-weight:500}.cont__form .send{font-size:1.6rem;border-radius:.5rem;font-weight:500}.cont__form .send:hover{letter-spacing:.3rem}#cont-mess{width:100%;height:30%;padding:1rem 1.3rem;font-size:1.6rem;font-weight:500}.cont__head h3{width:100%;font-size:2.5rem;font-weight:600}.cont__head p{font-size:1rem;text-align:justify;line-height:2;letter-spacing:.05rem;font-weight:500}.card-3d-wrap{height:auto!important;max-height:none!important}.card-3d-wrapper{height:auto!important}.card-3d-wrapper.is-flipped{transform:none}.card-front,.card-back{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;height:auto!important;display:block!important}.card-back{display:none!important}.card-3d-wrapper.is-flipped .card-back{display:block!important}.card-3d-wrapper.is-flipped .card-front{display:none!important}.center-wrap{padding:1rem!important}}.success-message,.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;min-height:30rem;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.success-message i,.error-message i{font-size:5rem;margin-bottom:1.5rem}.success-message i{color:#4ade80}.error-message i{color:#f87171}.success-message h3,.error-message h3{font-size:2.2rem;font-weight:600;color:var(--text);margin-bottom:1rem}.success-message p,.error-message p{font-size:1.4rem;color:var(--text);opacity:.8;margin-bottom:2rem;line-height:1.6}.success-message .btn,.error-message .btn{padding:1rem 3rem;font-size:1.4rem;cursor:pointer}.form input:disabled,.form textarea:disabled{opacity:.6;cursor:not-allowed}.send:disabled{opacity:.7;cursor:not-allowed}#footer__page{margin-top:8rem;padding:0rem 2rem;text-align:center}.footer__divider{width:8rem;height:.2rem;background:linear-gradient(90deg,var(--voilet),var(--mauve));margin:0 auto 2rem;border-radius:.1rem}#footer__page p{font-size:1.4rem;color:var(--text);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.8rem;letter-spacing:.05rem}.footer__separator{color:var(--mauve);opacity:.6}.footer__credit strong{color:var(--mauve);font-weight:600}body.light .footer__divider{background:linear-gradient(90deg,var(--voilet),var(--mauve))}body.light .footer__credit strong,body.light .footer__separator{color:var(--voilet)}@media(max-width:768px){#footer__page{margin-top:6rem;padding:2.5rem 1.5rem}#footer__page p{font-size:1.3rem}}@media(max-width:553px){#footer__page{padding:2rem 1.5rem;margin-top:4rem;margin-bottom:2rem;display:block}#footer__page p{font-size:1.2rem;flex-direction:column;gap:.5rem}.footer__separator{display:none}.footer__divider{width:6rem;margin-bottom:1.5rem}}