.banner{width:100%;height:80vh;background-image:url(../js/1d1d1b185d8c607a176c.webp);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center}.banner__title{color:var(--color2);margin:auto;max-width:20rem}.contact{background-color:var(--color1)}.contact__container{width:100%;max-width:calc(64rem + 1px);margin:auto;padding:4rem 1rem;box-sizing:border-box}.contact__title{color:var(--color2);margin:0 0 2rem 0}.contact__details{padding:0}.contact__detail{list-style:none;color:var(--color2)}.contact__detail strong{display:block}.contact__detail a{color:var(--color3);text-decoration:none}.contact__socials{padding:0;display:flex;gap:1.5rem;align-items:center;justify-content:flex-start}.contact__social{list-style:none;color:var(--color2)}.contact__social a{color:var(--color2);text-decoration:none}.contact__social svg{width:1.4rem;height:1.4rem}.contact__social-nickname{color:var(--color3);font-weight:700 !important}@media all and (orientation: landscape){.contact__container{display:flex;align-items:center;justify-content:space-between}.contact__info{width:35%}.contact__detail{margin:0 0 3rem 0}.form{width:60%}}@media all and (orientation: portrait){.contact__detail{margin:0 0 2rem 0}}
.form{margin:2rem 0}.form__fieldset{border:none;padding:0;margin:0;width:100%}.form__container{padding:.2rem 0;box-sizing:border-box}.form__label{display:block;padding:.6rem .1rem .1rem .8rem;margin:0;color:var(--color2);background-color:var(--color7);border-radius:.4rem .4rem 0 0}.form__input{outline:none;color:var(--color2);width:100%;appearance:none;padding:.5rem;box-sizing:border-box;border:none;margin:0;border-radius:0 0 .4rem .4rem;background-color:var(--color7)}.form .btn{margin-top:1.5rem}.form__alert{display:block;color:var(--color3);font-family:var(--ff3);font-style:normal;font-weight:400}@media all and (orientation: landscape){.form__alert{font-size:var(--fs-small);line-height:calc(var(--fs-small)*1.2);letter-spacing:calc(var(--fs-small)*0)}}@media all and (orientation: portrait){.form__alert{font-size:var(--fsm-small);line-height:calc(var(--fsm-small)*1.2);letter-spacing:calc(var(--fsm-small)*0)}}@media all and (orientation: landscape){.form__container--half{width:49%}.form__container--full{width:100%}.form__group{display:flex;align-items:stretch;justify-content:space-between}}@media all and (orientation: portrait){.form__container{width:100%}}