style.css

html, body {
height:          100%;
padding:         0;
margin:          0;
text-align:      center;
font-family:     Arial;
overflow:        hidden;
}
::selection {
background:      none;
}
main {
position:        relative;
top:             50%;
transform:       translateY(-50%);
}
main h1 {
font-size:       120px;
padding-bottom:  40px;
cursor:          default;
}
main input {
width:           100%;
padding:         20px 0;
border:          none;
font-size:       50px;
text-align:      center;
outline:         none;
}
main p {
padding-top:     40px;
font-size:       20px;
}
main a {
text-decoration: none;
}
main a:hover {
text-decoration: underline;
}

/* Defaults */
html, body {
background:      #4169E1;
}
main input::selection {
background:      #4169E1;
}
main input::-moz-selection {
background:      #4169E1;
}
main input {
color:           #4169E1;
}

/* Dark theme */
body.dark, body.dark main a {
color:           rgba(255, 255, 255, 0.8);
}
body.dark main input::selection {
color:           rgba(255, 255, 255, 0.8);
}
body.dark main input {
background:      rgba(255, 255, 255, 0.8);
}

/* Light theme */
body.light, body.light main a {
color:           rgba(0,   0,   0,   0.8);
}
body.light main input::selection {
color:           rgba(0,   0,   0,   0.8);
}
body.light main input {
background:      rgba(0,   0,   0,   0.8);
}