:root{--magicNumber:60px;--s-maxWidth:520px;--s-borderRadius:16px;--c-black:#000;--c-white:#fff}body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}input,textarea{width:100%;min-height:var(--magicNumber);min-width:calc(100% - var(--magicNumber)/4);border:2px solid #d9d9d9;padding:calc(var(--magicNumber)/4);border-radius:var(--s-borderRadius);outline:none;background:var(--c-white);font-family:inherit;font-size:inherit;margin-bottom:calc(var(--magicNumber)/8)}input::-moz-placeholder,textarea::-moz-placeholder{opacity:.4}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:.4}input::placeholder,textarea::placeholder{opacity:.4}input:active,input:focus,textarea:active,textarea:focus{border-color:#000}input:active::-moz-placeholder,input:focus::-moz-placeholder,textarea:active::-moz-placeholder,textarea:focus::-moz-placeholder{opacity:1}input:active:-ms-input-placeholder,input:focus:-ms-input-placeholder,textarea:active:-ms-input-placeholder,textarea:focus:-ms-input-placeholder{opacity:1}input:active::placeholder,input:focus::placeholder,textarea:active::placeholder,textarea:focus::placeholder{opacity:1}input:disabled,textarea:disabled{opacity:.4;cursor:not-allowed;pointer-events:all}@media screen and (max-width:780px){input,textarea{width:100%}}textarea{min-height:20vh;resize:none}footer{opacity:.6}