.button{padding:8px;font-size:16px;background-color:var(--dark-yellow);border-radius:8px;transition:all .3s;width:-moz-fit-content;width:fit-content;color:#000;font-weight:600;cursor:pointer}.button:active{transform:scale(95%)}.button:disabled{background-color:var(--dark-gray);cursor:not-allowed}@media(hover:hover)and (pointer:fine){.button:hover:not(:active):not(:disabled){transform:scale(105%)}}.input{padding:8px}.input,.select{font-size:16px;background-color:#fff;font-family:Arial;border-radius:8px;border:none}.select{padding:4px;width:-moz-fit-content;width:fit-content}.text-area{padding:8px;font-size:16px;border-radius:8px;border:none;background-color:#fff;resize:none;font-family:Arial}.contact-page{display:flex;position:relative;flex-direction:column;align-items:center}.contact-page .background{position:absolute;left:0;top:0;z-index:-1;height:100%;width:100%}.contact-page .background .image-background{background-color:#fff}.contact-page .background .overlay{background-color:var(--gray);opacity:.8}.contact-page .content{display:flex;flex-direction:column;align-items:center;color:#000;padding:16px;width:400px;height:100%}.contact-page .content .top{margin-top:16px;margin-bottom:32px}.contact-page .content .top h1{font-family:Pridi;text-align:center;margin-bottom:16px}.contact-page .content .top .subtitle{font-size:16px;font-weight:400;margin-bottom:16px}.contact-page .content .top .note{font-size:12px;font-weight:400}.contact-page .content form{display:flex;flex-direction:column;gap:16px;width:100%}.contact-page .content form button{align-self:flex-end}.contact-page .content form textarea{height:100px}@media only screen and (max-width:600px){.contact-page .content{width:100%}}