mirror of
https://github.com/Noratrieb/vps.git
synced 2026-01-14 08:45:02 +01:00
70 lines
977 B
CSS
70 lines
977 B
CSS
body {
|
|
font-family: Verdana, sans-serif;
|
|
background-color: #e6dae9;
|
|
color: #1b191c;
|
|
}
|
|
|
|
.main-content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
@media (min-width: 700px) {
|
|
.main-content-inner {
|
|
width: 70vw;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.main-content-inner {
|
|
width: 50vw;
|
|
}
|
|
}
|
|
|
|
.call-to-action {
|
|
width: 250px;
|
|
height: 50px;
|
|
background-color: #8c499d;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
}
|
|
|
|
@media (min-width: 1000px) {
|
|
.call-to-action {
|
|
width: 400px;
|
|
}
|
|
}
|
|
|
|
.call-to-action:hover {
|
|
background-color: #ac78b8;
|
|
}
|
|
|
|
.call-to-action * {
|
|
color: white;
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
body {
|
|
background-color: #e6dae9;
|
|
color: #1b191c;
|
|
}
|
|
|
|
.secret {
|
|
color: #5b4561;
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
body {
|
|
background-color: #1b191c;
|
|
color: #e6dae9;
|
|
}
|
|
|
|
.secret {
|
|
color: #a081a9;
|
|
}
|
|
}
|