123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263 |
- body {
- background-color: #4b4c66;
- box-sizing: border-box;
- color: white;
- padding-top: 3em;
- }
- /**
- * @see https://www.paulirish.com/2012/box-sizing-border-box-ftw/
- */
- *, *:before, *:after {
- box-sizing: inherit;
- }
- h2 {
- margin-left: auto;
- margin-right: auto;
- text-align: center;
- text-transform: uppercase;
- }
- form {
- margin-left: 10%;
- margin-right: 10%;
- }
- form button,
- form input {
- border-style: none;
- border-width: 0;
- }
- form input[type="checkbox"] {
- display: inline;
- margin: 1em;
- padding: 0.5em;
- }
- form .form-item {
- margin-left: auto;
- margin-right: auto;
- text-align: center;
- }
- form button[type="submit"] {
- background-color: #2b50f4;
- border-radius: 1em 1em;
- color: white; /* user-agent says black */
- display: block;
- font-size: 100%;
- letter-spacing: 0.2em;
- margin: 1.5em 0;
- padding: 0.5em;
- text-transform: uppercase;
- width: 100%;
- }
- form input[type="text"] {
- border-radius: 0.8em 0.8em;
- display: block;
- margin: 1.5em 0;
- padding: 0.5em 0 0.5em 1em;
- width: 100%;
- }
|