.contactpage h1{font-size:calc(10px + 5vmin);margin:20px;font-weight:700;text-shadow:-3px -3px 2px #FFA76D}.contactpage .segment p{font-size:calc(10px + 2vmin);margin:10px 5vw}.contactpage .contact-form{width:40rem;max-width:90vw;padding:20px;margin:40px;background-color:#1c1e27;outline:5px solid #FFA76D;border-radius:5px;display:flex;flex-direction:column}.contactpage .contact-form .error{text-align:center;font-size:calc(8px + 1vmin);margin:0;color:rgb(255,81,81)}.contactpage .form-input{display:flex;flex-direction:column;align-items:start;margin:20px 0}.contactpage .form-input .error{text-align:left;font-size:calc(8px + 1vmin);margin:0;color:rgb(255,81,81)}.contactpage .form-submit{padding:20px 10px}.contactpage .floating-input{position:relative;width:100%;margin-top:calc(10px + 2vmin)}.contactpage .floating-input input,.contactpage .floating-input textarea{width:100%;padding:5px 10px;font-size:calc(10px + 2vmin);border-radius:2px;outline:1px solid #FFA76D;background-color:#5f3e28}.contactpage .floating-input textarea{min-height:30vh}.contactpage .floating-input label{position:absolute;left:0;padding:0 12px;top:6px;font-size:calc(10px + 2vmin);pointer-events:none;transition:all .2s ease-out;color:#999}.contactpage .floating-input input:focus+label,.contactpage .floating-input input:not(:placeholder-shown)+label,.contactpage .floating-input textarea:focus+label,.contactpage .floating-input textarea:not(:placeholder-shown)+label{padding:0;top:calc(-10px - 2vmin);font-size:calc(10px + 1vmin);color:white}