2022-11-19 17:53:53 +01:00
|
|
|
body {
|
2023-08-31 21:02:16 +02:00
|
|
|
font-family: sans-serif;
|
2022-11-19 17:53:53 +01:00
|
|
|
font-size: 20px;
|
|
|
|
line-height: 200%;
|
|
|
|
padding-top: 75px;
|
2022-11-19 20:52:03 +01:00
|
|
|
text-align: center;
|
2022-11-19 22:14:44 +01:00
|
|
|
}
|
|
|
|
|
2023-08-31 21:02:16 +02:00
|
|
|
@media (prefers-color-scheme: dark) {
|
|
|
|
body {
|
|
|
|
background-color: #191b22;
|
|
|
|
color: #d9e1e8;
|
|
|
|
}
|
|
|
|
|
|
|
|
a:link {
|
|
|
|
color: #dd87ff;
|
|
|
|
}
|
|
|
|
|
|
|
|
a:visited {
|
|
|
|
color: #6153ff;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2022-11-19 22:14:44 +01:00
|
|
|
input[type="text"]
|
|
|
|
{
|
2022-11-20 13:03:18 +01:00
|
|
|
font-size: 110%;
|
|
|
|
width: 75%;
|
2022-11-19 22:14:44 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
button {
|
2022-11-20 13:03:18 +01:00
|
|
|
font-size: 110%;
|
|
|
|
}
|
|
|
|
|
2022-11-20 14:51:58 +01:00
|
|
|
canvas {
|
|
|
|
max-width: 1000px;
|
|
|
|
width: 90%;
|
|
|
|
}
|
|
|
|
|
2023-08-31 21:02:16 +02:00
|
|
|
a:hover {
|
2022-11-20 13:03:18 +01:00
|
|
|
text-decoration: none;
|
2023-08-31 21:02:16 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
a:active {
|
|
|
|
color: #ff6200;
|
2022-11-20 13:03:18 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
#outDiv {
|
|
|
|
font-size: 20%;
|
2022-11-20 14:51:58 +01:00
|
|
|
}
|
|
|
|
|
2023-08-31 20:53:10 +02:00
|
|
|
#outInfo {
|
|
|
|
font-style: italic;
|
|
|
|
}
|
|
|
|
|
2022-11-20 14:51:58 +01:00
|
|
|
#usersDiv {
|
|
|
|
margin-top: 30px;
|
|
|
|
line-height: 100%;
|
2022-11-20 15:17:18 +01:00
|
|
|
font-size: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
#credits {
|
|
|
|
min-width: 90%;
|
2022-11-20 14:51:58 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.userSubDiv {
|
2022-11-20 15:17:18 +01:00
|
|
|
min-width: 400px;
|
2022-11-20 16:18:38 +01:00
|
|
|
max-width: 90%;
|
2022-11-19 20:01:33 +01:00
|
|
|
}
|