div.social-media{height:100%;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap}div.social-media>div{width:min(45%,600px)}div.social-media a{width:100%;padding:25px 50px;border-radius:40px}div.social-media a>div{height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}div.social-media a>div svg{height:2rem;width:auto}div.social-media a:hover{background-color:#0000004d}div.social-media h2{font-weight:900;font-size:2rem}@media(max-width:600px){div.social-media>div{width:90%}}@media(max-width:350px){div.social-media>div{width:100%}div.social-media a{padding:25px 20px}}select.lang{width:100px;padding:5px;border:1px black solid;border-radius:5px;background-color:#fff6;font-size:1.2rem;font-weight:900;text-align:center}select.lang:hover{background-color:#0003}.custom-select{width:100px;border:1px black solid;border-radius:5px;background-color:#fff6;position:relative}.selected{padding:5px;font-size:1.2rem;font-weight:900;text-align:center;display:flex;align-items:center;gap:10px;cursor:pointer}.selected:hover{background-color:#0003}.arrow{height:10px;width:20px;margin-left:auto;display:flex;justify-content:center}.arrow svg{rotate:90deg}.custom-select img{display:block;width:20px}.options{position:absolute;top:110%;left:0;right:0;background:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 12px #0000001a;z-index:10}.option{padding:5px 10px;display:flex;align-items:center;gap:10px;cursor:pointer}.option:hover{background-color:#f3f3f3}div.fullscreen-menu{width:100vw;max-width:100%;height:100vh;height:100%;background-color:var(--secondary-color);position:fixed;inset:0;transform:translate(100%);transition:transform .5s ease;display:flex;z-index:15}div.fullscreen-menu .custom-select{width:100px;position:absolute;left:20px;top:20px}div.fullscreen-menu.check{transform:translate(0)}div.fullscreen-menu>*{width:50vw}div.logo{padding:5vh 5vw;display:flex;justify-content:center;align-items:center}div.logo *{max-height:100%;max-width:100%}div.logo svg{color:#000}.nav-burger-menu{margin:calc(75px + 1rem) 1rem 1rem 1rem;padding:10vh 1rem 1rem 1rem;border-radius:10px;background-color:var(--dark-secondary-color);display:flex;flex-direction:column;justify-content:space-between}.nav-burger-menu li{width:100%;height:10vh;list-style:none}.nav-burger-menu ul a{width:100%;line-height:10vh;font-size:7.5vh;text-align:center;border-top:1px var(--primary-color) solid;color:var(--primary-color)}.nav-burger-menu ul a:hover{background-color:var(--primary-color);color:var(--dark-secondary-color)}div.social-media-menu a{border-radius:5px;padding:1vh;color:var(--primary-color)}div.social-media-menu h2{font-size:3vh;font-weight:500}@media(max-width:800px){.fullscreen-menu .logo{display:none}.fullscreen-menu .nav-burger-menu{width:100%}}header{position:fixed;top:0;width:100%;max-width:100%;height:75px;padding:10px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;z-index:11}header>.logo-home{height:100%;width:100px}header>div.top-bar{height:100%;display:flex;align-items:center}header>div.top-bar.nav{padding:30px;border-radius:25px;border:1px black solid;background-color:#fff6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}header nav.menu{padding:0 5px;display:flex;gap:10px}header nav.menu a{padding:10px 20px;border-radius:15px;font-weight:700;color:#000}header nav.menu a:hover{background-color:#0003}header div.menu-click{height:100%;display:none;z-index:20}header div.menu-click.check-menu{display:block}header div.menu-click .burger-menu{height:100%}header #menu-toggle{display:none}header label.menu-button{cursor:pointer;z-index:20}header a{height:100%;display:inline-block}header img{height:100%;max-width:100%}@media(max-width:800px){header>div.top-bar.nav,header>div.custom-select{display:none}header div.menu-click{display:block}}.marquee{width:100%;height:10vh;min-height:50px;max-height:75px;margin:10px 0;display:flex;overflow:hidden}.marquee>div{width:100%;height:100%;flex:none;display:flex;flex-direction:row;justify-content:space-around;align-items:center;animation:marquee 20s linear infinite}.marquee>div>span{height:100%}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}@media(max-width:1000px){.marquee>div{animation:marquee 10s linear infinite}.marquee>div>span:nth-child(-n+2){display:none}}@media(max-width:600px){.marquee>div{animation:marquee 5s linear infinite}.marquee>div>span:nth-child(-n+4){display:none}}@media(max-width:300px){.marquee{display:none}}a.card-link{width:20%}a.card-link:hover{border-radius:25px;background-color:#0000004d}a.card-link:hover div.card-link-top{background-color:#0003}div.card-link-top{padding:20px;border-radius:25px}div.card-link-bottom{padding:10px;display:flex;justify-content:center;align-items:center;opacity:0}footer>nav>a:hover div.card-link-bottom{opacity:100%}@media(max-width:1200px){a.card-link{width:45%}}@media(max-width:500px){a.card-link{width:100%}}footer{width:100%;padding:2% 0 20px;border-radius:50px 50px 0 0;background-color:var(--secondary-color);display:flex;flex-direction:column;gap:50px}footer>nav{height:100%;margin:0 5%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;column-gap:5%}footer p{color:#fff}footer h2,footer svg{color:var(--primary-color);font-weight:900}footer a{height:100%;display:inline-block}.button-up{width:50px;height:50px;border-radius:50px;background-color:var(--dark-secondary-color);color:var(--primary-color);display:flex;align-items:center;justify-content:center;overflow:hidden;transition-duration:.3s}.button-up svg{height:30px;rotate:-90deg;transition-duration:.3s}.button-up:hover{width:140px;border:1px black solid;background-color:var(--secondary-color);transition-duration:.3s}.button-up:hover svg{transition-duration:.3s;transform:translate(50px)}.button-up p{position:absolute;bottom:-20px;font-size:0px}.button-up:hover p{bottom:unset;font-size:1rem;transition-duration:.3s}.div-button-up{width:50px;height:fit-content;position:fixed;right:55px;bottom:15px;display:flex;justify-content:center;align-items:center;z-index:10}.div-button-up:hover{width:140px;right:10px}div.button{display:flex;justify-content:space-evenly;align-items:center}a.button-cta{width:50%;min-width:150px;height:50px;border-radius:50px;background-color:var(--secondary-color);color:var(--primary-color);display:flex;align-items:center;flex-direction:row;position:relative;overflow:hidden}a.button-cta:active{transform:translateY(2px)}a.button-cta span{height:100%;width:100%;padding:5px 15px;border-radius:50px;background-color:var(--dark-secondary-color);display:flex;align-items:center;justify-content:right;position:absolute;transform:translate(calc(-100% + 50px));transition:transform .5s ease}a.button-cta:hover span{transform:translate(max(0%,calc(150px - 100%)));transition:transform .5s ease}a.button-cta span svg{height:30px}a.button-cta div{width:100%;margin:0 50px;display:flex;align-items:center;justify-content:center}a.button-cta p.text-cta{width:100%;max-height:3em;line-height:1.5;margin:0;overflow:hidden;word-break:break-word;text-align:center;z-index:1}div.slider{width:100%;position:relative;touch-action:pan-y;-webkit-user-select:none;user-select:none;--height-card: min(350px, 55vh)}div.slider div.cards-size{margin:0 60px;z-index:5}div.slider-cards{width:100%;position:relative;display:flex;gap:70px;transition:transform .5s ease}div.slider div.card{width:100%;height:var(--height-card);flex-shrink:0;display:flex;align-items:center;justify-content:center}div.slider div.card:hover{transform:scale(1.02)}div.slider div.card p{height:min-content}ol.dots-cards{width:100%;margin:10px 0 15px;text-align:center;display:flex;align-content:center;justify-content:center;gap:10px}li.dot{display:inline-block;width:15px;height:15px;background:var(--secondary-color);border-radius:50%;opacity:.25;cursor:pointer;z-index:1}li.is-selected{opacity:1}div.slider button{--size-button: 50px;width:var(--size-button);height:var(--size-button);border:var(--secondary-color) 1px solid;border-radius:50%;background-color:#fff;position:absolute;top:calc(var(--height-card) * .5 - var(--size-button) * .5);display:flex;justify-content:center;align-items:center;cursor:pointer;overflow:hidden}div.slider button span{width:var(--size-button);position:absolute;top:0;bottom:0;display:flex;justify-content:center;align-items:center;transform:translate(0);transition:transform .5s ease}div.slider button.left:hover span{transform:translate(-100%);transition:transform .5s ease}div.slider button.right:hover span{transform:translate(100%);transition:transform .5s ease}div.slider button.left span.hover{right:-50px}div.slider button.right span.hover{left:-50px}div.slider button svg{height:30px;color:var(--secondary-color)}div.slider button.left{left:0;padding-right:3px}div.slider button.left svg{rotate:180deg}div.slider button.right{right:0;padding-left:3px}a.card-project-home{width:100%;height:100%;padding:2%;border-radius:15px;box-shadow:inset 0 0 1rem 5px #00000040;background-color:var(--dark-secondary-color);display:flex;justify-content:space-between;align-items:stretch;gap:1.5rem}a.card-project-home div.text{padding-left:5px;flex:1;display:flex;flex-direction:column;overflow-y:auto;direction:rtl}a.card-project-home div.text>*{direction:ltr}a.card-project-home div.button{margin:auto 0}a.card-project-home div.img{flex:0}a.card-project-home div.img img{width:auto;height:100%}a.card-project-home h3{color:var(--primary-color)}a.card-project-home p{margin:.3rem 0;color:#fff}.home div.head:has(*){position:relative}.home div.head div.img{width:100%;height:100%;position:absolute;top:0;background-color:var(--primary-color);display:flex;justify-content:center;overflow:hidden}.home div.head div.img img{position:absolute}.home div.head div.img-back img{height:100%;width:100%}.home div.head div.img-back img.landscape{object-fit:cover;object-position:center}.home div.head div.img-front img.my-head{padding-top:75px;max-height:150%}.home div.head div.img img.logo{max-height:100%;align-self:center;width:80vw}.home div.head div.hole{--radius: 12rem;-webkit-mask-image:radial-gradient(circle at var(--x) var(--y),transparent 0,transparent var(--radius),black calc(var(--radius) + 40px));mask-image:radial-gradient(circle at var(--x) var(--y),transparent 0,transparent var(--radius),black calc(var(--radius) + 40px))}.home div.info{width:75%;display:flex;gap:2%}.home div.info>section{width:50%}.home div.info div.button{margin-top:auto}.home section.projects,section.home-resume{width:75%}.home section.projects{overflow:hidden}.home .home-slider{margin:0 -3%;padding:10px 0;position:relative;display:flex;justify-content:center;-webkit-mask-image:linear-gradient(to right,transparent -10%,black calc((100% - 700px)/2),black calc(100% - ((100% - 700px)/2)),transparent 110%);mask-image:linear-gradient(to right,transparent -10%,black calc((100% - 700px)/2),black calc(100% - ((100% - 700px)/2)),transparent 110%)}.home div.slider{width:700px;margin-bottom:1rem}@media(pointer:coarse){.home div.head div.img-front{align-items:end}.home div.head div.img-front img.my-head{max-height:80%}.home div.head div.hole{--radius: 0 !important}.home div.head div.img{background-color:unset}.home div.head .img-front .logo{display:none}.home div.head div.img-back img.logo{align-self:self-start;height:unset;margin-top:75px}}@media(max-width:1400px){.home div.head div.hole{--radius: 8rem}}@media(max-width:1000px){.home section.projects,section.home-resume,.home div.info{width:90%}}@media(max-width:800px){.home div.head div.hole{--radius: 5rem}.home div.slider{width:500px}}@media(max-width:600px){.home div.info{display:flex;flex-direction:column;align-items:center;gap:50px}.home section.projects{width:100%;border-radius:0}.home section.projects,section.home-resume,.home div.info,.home div.info>section{width:100%;border-radius:0}}@media(max-width:520px){.home div.info{display:flex;flex-direction:column;align-items:center;gap:50px}.home div.slider{width:100%}.home div.slider div.cards-size{margin:0}.home a.card-project-home div.text{padding:0 50px;justify-content:center}.home div.slider button{opacity:.25}.home a.button-cta{width:95%}}div.picture-cards{height:35rem;width:100%;position:relative;display:flex;justify-content:center;align-items:center}div.picture-cards div.card{width:15rem;height:30rem;border-radius:3rem;overflow:hidden;transform:translate(var(--tx),var(--ty)) rotate(var(--rot));transition:transform .5s cubic-bezier(.08,.82,.17,1)}div.picture-cards div.card:hover{transform:translate(var(--tx),calc(var(--ty) - 3rem)) rotate(var(--rot)) scale(1.2);transition:transform .5s cubic-bezier(.08,.82,.17,1)}div.picture-cards div.card figure{height:100%;width:100%;position:relative}div.picture-cards div.card figure img{height:100%;width:100%;display:block;object-fit:cover}div.picture-cards div.card figcaption{padding:5px 10%;width:100%;display:none;position:absolute;color:#000;background-color:#fff6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);bottom:0}div.picture-cards div.card figcaption a,div.picture-cards div.card figcaption p{color:#000;font-size:.8rem;text-align:center}div.picture-cards div.card figcaption a:hover{text-decoration:underline}div.picture-cards div.card figure:hover figcaption{display:flex;justify-content:center}.about div.head{min-height:600px;padding:5%;padding-top:max(5%,75px);display:flex;justify-content:center;align-items:center}.about div.head>div{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center}.about div.head>div.img{width:50vw;min-height:700px;height:60vh;min-height:400px;transform:translate(-10vw)}.about div.head>div.img img{max-width:100%;max-height:100%;object-fit:contain}.about div.head>div.text{text-align:center;gap:5px;transform:translate(10vw,-75px)}.about div.head>div.text *{margin:2px;padding:0 10px;background-color:var(--secondary-color)}.about div.head>div.text h1{font-size:4rem;font-weight:800;color:var(--dark-primary-color)}.about div.head>div.text p{font-size:2rem;font-weight:600;color:#fff}.about section{width:75%}.about .card-picture-about{margin-top:3rem}.about section.text a:hover{text-decoration:underline}@media(max-width:1400px){main>div.about{gap:0}.about div.head>div.text{transform:translate(10vw)}}@media(max-width:1000px){.about div.head>div.img{transform:translateY(-100px)}.about div.head>div.text{transform:translateY(50px)}.about section{width:90%}}@media(max-width:800px){.about div.head>div.text h1{font-size:2.5rem}.about div.head>div.text p{font-size:1.5rem}.card-picture-about div.picture-cards div.card{transform:translate(var(--tx)) rotate(0)}}@media(max-width:600px){.about section{width:100%;border-radius:0}}@media(max-width:550px){.about div.head>div.img{transform:translateY(-75px)}.about div.head>div.text h1{font-size:2rem}.about div.head>div.text p{font-size:1rem}.about div.head>div.img{width:80vw;height:70vh}}@media(max-width:500px){.card-picture-about{display:none}}@media(max-width:400px){.about div.head{padding:5% 0}.about div.head>div.text h1{font-size:1.5rem}.about div.head>div.text p{font-size:.8rem}.about div.head>div.img{width:100vw;height:70vh}}article.project{perspective:1000px}article.project .card{position:relative;transition:transform .6s;transform-style:preserve-3d}article.project:hover .card{transform:rotateY(180deg)}article.project .project-front,article.project .project-back{height:300px;border-radius:25px;box-shadow:0 0 5px var(--dark-secondary-color);background-color:var(--primary-color);backface-visibility:hidden;overflow:hidden}article.project .project-front *,article.project .project-back *{z-index:0}article.project .project-front figcaption{position:absolute;bottom:0;border-radius:0 0 25px 25px}article.project .project-front figcaption,article.project .project-back .title{height:50px;padding:5px 10px;width:100%;display:flex;justify-content:space-between;align-items:center;background-color:var(--dark-primary-color)}article.project .project-front figure{padding:3%;height:calc(100% - 50px);width:100%;display:flex;justify-content:center;align-items:center}article.project .project-front img{max-width:100%;max-height:100%;border-radius:15px 15px 0 0;display:block;object-fit:contain;object-fit:cover}article.project .project-front figcaption span{height:100%;display:flex;justify-content:center;align-items:center}article.project .project-front figcaption h1{font-size:2rem}article.project .project-front figcaption svg{height:2rem}article.project .project-back{width:100%;height:100%;position:absolute;top:0;display:flex;flex-direction:column;transform:rotateY(180deg)}article.project .project-back .content{padding:0 10px 1rem;width:100%;height:100%;flex:1;display:flex;flex-direction:column;justify-content:center;gap:5%}article.project .project-back p{text-align:center}a.button-cta{width:80%}canvas{width:100%;height:100%;display:block}.projects section.project{width:75%;display:grid;grid-template-columns:repeat(3,1fr);justify-content:space-between;align-items:start;flex-wrap:wrap;gap:10vh 2%}.projects .head{display:flex;justify-content:center;align-items:center}.projects div.head>div.text{min-height:400px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:5px}.projects div.head>div.text *{margin:2px;padding:0 10px;background-color:var(--secondary-color)}.projects div.head>div.text h1{font-size:4rem;font-weight:800;color:var(--dark-primary-color)}.projects div.head>div.text p{font-size:2rem;font-weight:600;color:#fff}.projects .three{width:400px;height:400px}@media(max-width:1400px){.projects section.project{display:grid;grid-template-columns:repeat(2,1fr)}}@media(max-width:1260px){.projects .head{display:flex;flex-direction:column}.projects div.head>div.text{min-height:unset}}@media(max-width:1000px){.projects section.project{width:90%}.projects div.head>div.text h1{font-size:2rem}.projects div.head>div.text p{font-size:1.2rem;font-weight:600;color:#fff}}@media(max-width:750px){.projects section.project{display:grid;grid-template-columns:1fr}}@media(max-width:600px){.projects section.project{width:100%;border-radius:0}.projects .three{width:250px;height:250px}}@media(max-width:350px){.projects article.project .project-front figcaption h1{font-size:1.5rem}.projects div.button a.button-cta{width:100%}}.tooltip-trigger{position:relative}div.tooltip{max-width:20vw;margin-top:.2rem;padding:.2rem;border:1px solid black;border-radius:.25rem;visibility:hidden;position:absolute;background:var(--light-primary-color);color:#000;z-index:2}div.tooltip h1{color:#000;font-size:1rem}div.tooltip p{font-size:.8rem}.tooltip-trigger:hover+div.tooltip,div.tooltip:hover{visibility:visible}a.button-tech{min-width:100px;height:2rem;margin:2.5px 5px;padding:0 10px;border:1px solid black;border-radius:.5rem;color:#000;display:flex;flex-direction:column;overflow:hidden}a.button-tech span{width:100%;height:2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transform:translateY(0);transition:.6s cubic-bezier(.16,1,.3,1)}a.button-tech:hover span{transform:translateY(-100%)}a.button-tech svg{padding-left:15px;height:1rem}.project-detail section.project{display:grid;grid-template-columns:1fr 40%;grid-template-rows:auto;grid-template-areas:"text img" "footer footer";grid-column-gap:1.5rem;grid-row-gap:3rem}.project-detail section.project:not(:has(.project-img)){grid-template-columns:1fr;grid-template-areas:"text" "footer"}.project-detail section.project div.project-img{grid-area:img;display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.project-detail section.project div.project-img img,.project-detail section.project div.project-img video{height:auto;max-height:60vh;width:100%;min-width:150px;max-width:100%;flex:1;display:block;object-fit:contain}.project-detail section.project div.project-text{grid-area:text;display:flex;flex-direction:column;gap:2rem}.project-detail section.project div.project-description{position:sticky;top:5vh}.project-detail section.project div.project-description h2{margin-bottom:2.5rem}.project-detail section.project div.project-description p{margin-top:1rem}.project-detail section.project div.footer{grid-area:footer;display:flex;justify-content:space-between}.project-detail section.project div.footer div.technologies{display:flex;flex-wrap:wrap}.project-detail section.project div.footer div.links{margin:0 10px;display:flex;justify-content:end;align-items:center;gap:10px}.project-detail section.project div.footer div.links .icon{position:relative;display:flex;justify-content:center;align-items:center}.project-detail section.project div.footer div.links .icon a{display:flex;justify-content:center;align-items:center;height:2rem;width:2rem;min-width:fit-content;border-radius:2rem;background-color:var(--light-primary-color);color:#000;transition:all .2s cubic-bezier(.68,-.55,.265,1.55)}.project-detail section.project div.footer div.links .tooltip{padding:0 5px;position:absolute;top:0;border:1px solid black;background-color:var(--light-primary-color);opacity:0;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.project-detail section.project div.footer div.links .tooltip:after{position:absolute;height:.5rem;width:.5rem;bottom:0;left:50%;background-color:var(--light-primary-color);border-right:1px solid black;border-bottom:1px solid black;content:"";opacity:1;z-index:5;transform:translateY(calc(50% + 1px)) translate(-50%) rotate(45deg)}.project-detail section.project div.footer div.links .icon a:hover+.tooltip{top:-30px;opacity:1;visibility:visible}.project-detail section,.project-detail div.button{width:75%}.project-detail div.button>a{rotate:180deg}.project-detail div.button>a p{rotate:180deg}@media(max-width:1200px){.project-detail div.tooltip{max-width:40vw}}@media(max-width:1000px){.project-detail section.project{display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"text" "img" "footer";grid-column-gap:1.5rem;grid-row-gap:3rem}.project-detail section.project div.project-img{width:100%;display:flex;flex-direction:row;flex-wrap:wrap}.project-detail section{width:90%}}@media(max-width:600px){.project-detail section{width:100%;border-radius:0}.project-detail div.button{width:100%}.project-detail div.tooltip{max-width:80vw}}@media(max-width:500px){.project-detail div.button a.button-cta{width:95%}}.contact section.contact{width:75%}.contact div.info-contact{margin:1rem;display:flex;justify-content:space-around}.contact div.info-contact a{display:block;color:#000}.contact div.info-contact a:hover{text-decoration:underline}.contact div.social .social-media{display:flex;flex-direction:column}.contact div.social .social-media a{margin:0;padding:0}.contact div.social div.social-media a:hover{background-color:transparent}.contact div.social .social-media a h2{font-weight:500;font-size:1rem;color:#000}@media(pointer:coarse){.button-coarse{margin-top:5px;padding:3px 10px;border:var(--secondary-color) 1px solid;border-radius:10px;box-shadow:0 4px 12px #0000001a;text-align:center}}@media(max-width:1200px){.contact section.contact .center{display:flex;justify-content:center}.contact div.info-contact{display:flex;justify-content:center;flex-direction:column;row-gap:1rem}}@media(max-width:1000px){.contact section.contact{width:90%}}@media(max-width:700px){.contact section.contact a.button{width:100%}}@media(max-width:600px){.contact section.contact{width:100%;border-radius:0}}a.button{width:50%;min-width:150px;height:50px;border-radius:50px;background-color:var(--secondary-color);color:var(--primary-color);display:flex;align-items:center;justify-content:center;flex-direction:row}a.button:hover{background-color:var(--dark-secondary-color)}a.button:active{transform:translateY(2px)}a.button span{height:100%;display:flex;align-items:center}a.button span svg{height:30px}a.button div{margin-right:10px;display:flex;align-items:center;justify-content:center}a.button p.text-cta{max-height:3em;line-height:1.5;margin:0;overflow:hidden;word-break:break-word;text-align:center;z-index:1}.resume section.resume{width:75%}.resume section.resume iframe{width:100%;height:80vh}@media(max-width:1000px){.resume section.resume{width:90%}}@media(max-width:600px){.resume section.resume{width:100%;border-radius:0}.resume div.button a.button{width:90%}}.not-found{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}:root{--primary-color: #F9EDCB;--light-primary-color: #fdf8ea;--dark-primary-color: wheat;--secondary-color: #454B5A;--dark-secondary-color: #373c48}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,sans-serif;background-color:var(--primary-color)}main{width:100%;padding-bottom:200px;min-height:100vh}main>div{width:100%;display:flex;flex-direction:column;align-items:center;gap:100px}div.head:has(*){width:100vw;max-width:100%;height:100vh;overflow:hidden}h1.namepage{text-align:center}main section{border-radius:0 50px;padding:max(2%,30px) max(2%,10px);background-color:var(--light-primary-color);display:flex;flex-direction:column;gap:1.5rem}main h2{margin-bottom:1rem;color:#000}main h3{margin-bottom:.5rem}a,button,p,h1,h2,h3,h4,h5,h6{position:relative;z-index:1}a,p{font-size:1.2rem}:is(a,button,p,h1,h2,h3,h4,h5,h6) *{position:relative;z-index:1}a,a:visited{text-decoration:none}svg{height:100%;width:auto}.no-scroll{height:100vh;overflow:hidden}