#contact{display:flex;flex-direction:column;align-items:center;gap:2rem}#contact h2{text-align:center;padding:1rem 0}#calendar{width:100%;height:90%;border-radius:1.25rem;box-shadow:0 0 20px hsla(164,100%,97%,.8);margin-top:1rem}#calendar h2{padding-bottom:0}#calendar p{text-align:center;font-style:italic}.formContact{width:100%;border-radius:1.25rem;box-shadow:0 0 20px hsla(164,100%,97%,.8)}.formContact .mention{padding:.6rem}.formContact .mention p{font-size:.9rem;font-style:italic}.formContact .field-container{display:flex;flex-direction:column;gap:clamp(1rem,.135rem + 3.695vw,2.5rem);padding:.5rem clamp(.5rem,4vw,5rem) clamp(.5rem,4vw,5rem)}.formContact .field{display:flex;flex-direction:column;gap:.2rem}.formContact input,.formContact textarea{background-color:hsl(164,100%,97%);border-radius:.25rem;padding:5px;border:2px solid rgba(0,0,0,0)}.formContact textarea{height:10rem;resize:vertical;overflow:auto}.formContact textarea::placeholder{line-height:1.25;font-family:var(--font-roboto);font-size:clamp(1rem,.886rem + .568vw,1.25rem)}.formContact input:focus,.formContact textarea:focus{border:2px solid hsl(164,100%,46%);outline:rgba(0,0,0,0)}.formContact .checkbox-container{display:grid;grid-template-columns:1em auto;grid-gap:.5em;gap:.5em}.formContact .checkbox-container label{font-size:.9rem}.formContact .checkbox-container a:hover{border:2px dotted hsl(332,67%,48%);text-decoration:none}.formContact .checkbox-container input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:hsl(164,100%,97%);width:1.15rem;height:1.15rem;border:.15rem solid gray;border-radius:.15rem;display:grid;place-content:center;transition:all .2s}.formContact .checkbox-container input[type=checkbox]:checked{background-color:hsl(164,100%,46%);border:.15rem solid hsl(164,100%,46%)}.formContact .checkbox-container input[type=checkbox]:focus{border:.15rem solid hsl(164,100%,46%)}.formContact .checkbox-container input[type=checkbox]:after{content:"";width:.65rem;height:.65rem;transform-origin:bottom left;-webkit-clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);transform:scale(0);background-color:hsl(223,100%,9%);transition:all .2s}.formContact .checkbox-container input[type=checkbox]:checked:after{transform:scale(1)}.formContact .alert{padding:.3rem;margin-top:5px;border:1px solid hsl(0,100%,52%);background-color:hsl(0,100%,92%);color:rgb(25.5,0,0);border-radius:.25rem;font-size:1rem}.formContact button[type=submit]{display:inline-flex;align-self:center;justify-content:center;width:10rem;border-radius:8px;padding:.6rem 1.2rem;margin:1rem;font-weight:500;font-family:inherit;background-color:hsl(164,100%,46%);color:hsl(223,100%,9%);transition:all .25s ease-in-out}.formContact button[type=submit]:hover{background-color:hsl(164,100%,56.8%);color:hsl(223,100%,18.1%);box-shadow:0 0 8px 1px hsl(164,100%,46%)}.formContact_dialog[open]{position:fixed;top:15rem;left:50vw;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;border-width:1px;border-style:solid}.formContact_dialog[open]::-webkit-backdrop{background-color:rgba(0,0,0,.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.formContact_dialog[open]::backdrop{background-color:rgba(0,0,0,.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.formContact_dialog[open].success{background-color:hsl(164,100%,69.76%);border-color:hsl(164,100%,32.2%);color:hsl(223,100%,9%);padding:1rem;border-radius:.5rem;text-align:center}.formContact_dialog[open].error{border:1px solid hsl(0,100%,52%);background-color:hsl(0,100%,92%);color:rgb(25.5,0,0);padding:1rem;border-radius:.5rem;text-align:center}.formContact_dialog[open] button{border-radius:8px;padding:.6rem 1.2rem;margin:1rem;font-weight:500;font-family:inherit;background-color:hsl(223,100%,9%);color:hsl(164,100%,97%);border:1px solid rgba(0,0,0,0);transition:all .25s ease-in-out}.formContact_dialog[open] button:hover{background-color:hsl(223,100%,13.55%);color:hsl(164,100%,97.3%);border:1px solid hsl(164,100%,97%)}