2020-11-27 23:12:38 +01:00
|
|
|
@font-face {
|
2020-12-13 18:01:59 +01:00
|
|
|
font-family: 'VGA 437';
|
|
|
|
src: url('../fonts/vga437.ttf');
|
2020-11-27 23:12:38 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
@media (prefers-color-scheme: dark) {
|
2020-12-13 18:01:59 +01:00
|
|
|
body,
|
|
|
|
#cmd {
|
|
|
|
color: whitesmoke;
|
|
|
|
}
|
2020-11-27 23:12:38 +01:00
|
|
|
|
2020-12-13 18:01:59 +01:00
|
|
|
body {
|
|
|
|
background-color: black;
|
|
|
|
}
|
2020-11-27 23:12:38 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
@media (prefers-color-scheme: light) {
|
2020-12-13 18:01:59 +01:00
|
|
|
body,
|
|
|
|
#cmd {
|
|
|
|
color: black;
|
|
|
|
}
|
2020-11-27 23:12:38 +01:00
|
|
|
|
2020-12-13 18:01:59 +01:00
|
|
|
body {
|
|
|
|
background-color: whitesmoke;
|
|
|
|
}
|
2020-11-27 23:12:38 +01:00
|
|
|
}
|
|
|
|
|
2021-01-05 22:13:31 +01:00
|
|
|
@media (min-width: 1200px) {
|
|
|
|
body {
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
2020-12-13 18:01:59 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
body,
|
|
|
|
#cmd {
|
|
|
|
font-family: 'VGA 437';
|
|
|
|
font-size: 1.5rem;
|
2020-11-27 23:12:38 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
#cmd-history > p {
|
2020-12-13 18:01:59 +01:00
|
|
|
line-height: 2rem;
|
2020-11-27 23:12:38 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
#header > p {
|
2020-12-13 18:01:59 +01:00
|
|
|
margin: 0.5rem auto;
|
2020-11-27 23:12:38 +01:00
|
|
|
}
|
|
|
|
|
2020-12-13 18:01:59 +01:00
|
|
|
#header > #hint,
|
|
|
|
#input-container,
|
|
|
|
#cmd-history {
|
|
|
|
margin-top: 1.8rem;
|
2020-11-27 23:12:38 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
#input-container {
|
2020-12-13 18:01:59 +01:00
|
|
|
display: flex;
|
2020-11-27 23:12:38 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
#bracket {
|
2020-12-13 18:01:59 +01:00
|
|
|
padding-right: 0.75rem;
|
|
|
|
text-align: center;
|
|
|
|
vertical-align: middle;
|
|
|
|
line-height: 1.7rem;
|
2020-11-27 23:12:38 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
#cmd {
|
2020-12-13 18:01:59 +01:00
|
|
|
border: none;
|
|
|
|
background: none;
|
|
|
|
flex: 1;
|
2020-11-27 23:12:38 +01:00
|
|
|
}
|
|
|
|
|
2020-12-13 18:01:59 +01:00
|
|
|
#cmd:active,
|
|
|
|
#cmd:focus {
|
|
|
|
outline: none;
|
2020-11-27 23:12:38 +01:00
|
|
|
}
|