Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- margin: 0;
- padding: 0;
- background: #ddd;
- font-family: sans-serif;
- color: #444;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- }
- h1 {
- margin: 30px;
- user-select: none;
- font-size: 6em;
- text-align: center;
- letter-spacing: 0.05em;
- }
- form {
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- }
- input[type=text] {
- color: #333;
- width: 500px;
- border: none;
- padding: 0.7em;
- padding-left: 1em;
- font-size: 3em;
- letter-spacing: 0.1em;
- }
- .showError {
- border: 2px solid red;
- }
- input[type=submit] {
- color: white;
- outline: none;
- margin: 2em;
- background: #212A42;
- display: block;
- padding: 1em;
- width: 300px;
- font-size: 2em;
- }
- input[type=submit]:active {
- outline: none;
- }
- input[type=submit]:hover {
- background: #323B53;
- cursor: pointer;
- outline: none;
- }
- ::-webkit-input-placeholder {
- color: #bbb;
- }
- #powerPoints {
- margin-right: auto;
- font-size: 2em;
- }
- #powerPointsCounter {
- font-weight: 700;
- font-size: 1.5em;
- color: #323B53;
- }
- .highlightGreen {
- color: #74BB72;
- }
- .highlightRed {
- color: #C1412E;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement