12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- body {
- background-color: white;
- box-sizing: border-box;
- color: #81C199;
- padding-top: 3em;
- }
- /**
- * @see https://www.paulirish.com/2012/box-sizing-border-box-ftw/
- */
- *, *:before, *:after {
- box-sizing: inherit;
- }
- h1 {
- font-size: 150%;
- font-weight: normal;
- letter-spacing: 0.2em;
- margin-left: auto;
- margin-right: auto;
- text-align: center;
- text-transform: uppercase;
- }
- form {
- margin-left: 1em;
- margin-right: 1em;
- }
- form button,
- form input {
- }
- form button[type="submit"] {
- background-color: #8bd7a9;
- border-radius: 1em 1em;
- border-style: none;
- color: white; /* user-agent says black */
- display: block;
- font-size: 80%;
- letter-spacing: 0.05em;
- margin: 1.5em 0;
- padding: 0.5em;
- text-transform: uppercase;
- width: 100%;
- }
- form input[type="text"] {
- border-color: #81C199;
- border-radius: 1em 1em;
- border-style: solid;
- border-width: 1px;
- display: block;
- margin: 1.5em 0;
- padding: 0.5em 0 0.5em 1em;
- width: 100%;
- }
- li {
- list-style: none;
- }
|