@import"./styles/reset.css";@import"./styles/variables.css";@import"./styles/lib.css";:root{scroll-behavior:smooth}body{position:relative;min-height:100dvh;>*{display:flow-root;position:relative}}body>header{h1{padding:1rem;width:fit-content;@media(width>40rem){padding:1rem 4rem}}}body>main{margin:1rem auto;>*{overflow-x:hidden;margin:2rem auto;width:min(80rem,calc(100% - 1rem))}}body>footer{margin-top:2rem;x-top{margin:1rem 2rem 0}}.grid.contact{@media(width>40rem){grid-template-columns:1fr 1fr}.link.cta{display:flex;padding:1rem;justify-content:center;align-items:center;gap:1rem;font-size:1.4rem;text-align:center;border-radius:1rem;img{margin:0}}}#lang{overflow:hidden;>div{padding:.4rem;flex-wrap:nowrap;button{padding:.4rem 1rem;border-radius:.4rem}p{justify-content:space-between;flex-basis:70%}p img{margin:0}}>ul{display:flow-root;height:0;transition:all .2s;&.selecting{height:8rem}li{cursor:pointer;padding:.4rem 1rem;justify-content:space-between;border:.1rem solid var(--clr-light, white);border-radius:.4rem;@media(hover){&:hover{border:.1rem solid var(--clr-dark, black);box-shadow:inset 0 0 .2rem .1rem var(--clr-light, white)}}img{margin:0}}}}#hero .hero,#services .info1,#services .info2{margin-block:2rem;font-size:1.2rem;text-indent:2rem;translate:30%;opacity:0;transition:all .2s;&.visible{translate:0%;opacity:1}}#hero,#services{>img{margin:2rem auto;border-radius:.4rem;translate:-30%;opacity:0;transition:all .6s}>img.visible{translate:0%;opacity:1}}