Spaces:
Runtime error
Runtime error
| @import url("https://fonts.googleapis.com/css?family=Spartan&display=swap"); | |
| * { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| body { | |
| /*background: url("https://img.wallpapersafari.com/desktop/1680/1050/65/18/8AYkSt.jpg") center center;*/ | |
| background: url("https://images5.alphacoders.com/550/550948.jpg") center center; | |
| background-size: cover; | |
| width: 100vw; | |
| height: 100vh; | |
| display: grid; | |
| align-items: center; | |
| justify-items: center; | |
| font-size: 12pt; | |
| font-family: "Spartan"; | |
| color: #ffffff; | |
| } | |
| .contact-us { | |
| /*background: #1f1d1d;*/ | |
| padding: 50px 100px; | |
| border-top: 10px solid #229955; | |
| } | |
| label, input, textarea { | |
| display: block; | |
| width: 100%; | |
| font-size: 12pt; | |
| line-height: 24pt; | |
| font-family: "Spartan"; | |
| } | |
| input { | |
| margin-bottom: 24pt; | |
| } | |
| h1 { | |
| color: #ffffff; | |
| font-weight: bold; | |
| font-size: 22pt; | |
| line-height: 24pt; | |
| font-style: italic; | |
| margin: 0 0 0.5em 0; | |
| } | |
| span { | |
| font-size: 8pt; | |
| } | |
| em { | |
| color: #229955; | |
| font-weight: bold; | |
| } | |
| input, textarea { | |
| border: none; | |
| border: 1px solid rgba(0, 0, 0, 0.1); | |
| border-radius: 2px; | |
| background: #f8f4e5; | |
| padding-left: 5px; | |
| outline: none; | |
| } | |
| input:focus, textarea:focus { | |
| border: 1px solid #6bd4b1; | |
| } | |
| textarea { | |
| resize: none; | |
| } | |
| fieldset { | |
| overflow: hidden | |
| } | |
| button { | |
| display: block; | |
| float: left; | |
| line-height: 24pt; | |
| padding: 0 20px; | |
| border: none; | |
| background: #f45702; | |
| color: white; | |
| letter-spacing: 2px; | |
| transition: 0.2s all ease-in-out; | |
| border-bottom: 2px solid transparent; | |
| outline: none; | |
| } | |
| button:hover { | |
| background: inherit; | |
| color: #ea6153; | |
| border-bottom: 2px solid #f45702; | |
| } | |
| ::selection { | |
| background: #ffc7b8; | |
| } | |
| input:-webkit-autofill, | |
| input:-webkit-autofill:hover, | |
| input:-webkit-autofill:focus, | |
| textarea:-webkit-autofill, | |
| textarea:-webkit-autofill:hover, | |
| textarea:-webkit-autofill:focus { | |
| border: 1px solid #6bd4b1; | |
| -webkit-text-fill-color: #2A293E; | |
| -webkit-box-shadow: 0 0 0px 1000px #f8f4e5 inset; | |
| transition: background-color 5000s ease-in-out 0s; | |
| } |