57 lines
757 B
CSS
57 lines
757 B
CSS
body {
|
|
max-width: 900px;
|
|
margin: auto;
|
|
}
|
|
#header {
|
|
text-align: center;
|
|
}
|
|
.icon {
|
|
width: 20px;
|
|
}
|
|
input, textarea, button {
|
|
border: none;
|
|
border-radius: 5px;
|
|
}
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
body {
|
|
background-color: #333333;
|
|
color: #ffffff;
|
|
}
|
|
a {
|
|
color: #546BEB;
|
|
}
|
|
a:visited {
|
|
color: #EF46F1;
|
|
}
|
|
input, textarea, button {
|
|
background-color: #1E1E1E;
|
|
color: #ffffff;
|
|
}
|
|
hr {
|
|
color: white;
|
|
}
|
|
.comment:nth-child(even) {
|
|
background: #1E1E1E;
|
|
}
|
|
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
input, textarea, button {
|
|
background-color: #DEDEDE;
|
|
color: #000000;
|
|
}
|
|
hr {
|
|
color: black;
|
|
}
|
|
.comment:nth-child(even) {
|
|
background: #EEEEEE;
|
|
}
|
|
}
|