56 lines
1.0 KiB
CSS
56 lines
1.0 KiB
CSS
body {
|
|
font: 100% / 1.5 "Lucida Grande", "Lucida Sans", "Luxi Sans", "Go", "Atkinson Hyperlegible", Verdana, sans-serif;
|
|
color: #000000;
|
|
text-align: left;
|
|
box-sizing: border-box;
|
|
/* width: 100%; */
|
|
background: no-repeat linear-gradient(white, grey);
|
|
background-size: cover;
|
|
background-attachment: fixed;
|
|
}
|
|
|
|
main {
|
|
max-width: 64rem;
|
|
width: 100%;
|
|
padding: 0 1.5rem;
|
|
box-sizing: border-box;
|
|
margin: 0 auto;
|
|
background: white;
|
|
box-shadow: 2px 2px 12px rgb(0 0 0 / 40%);
|
|
padding-top: 0.5em;
|
|
}
|
|
|
|
footer {
|
|
padding-bottom: 0.1em;
|
|
}
|
|
|
|
.welcome {
|
|
margin: 0 auto;
|
|
width: max-content;
|
|
display: block;
|
|
padding-right: 0.5em;
|
|
}
|
|
|
|
.logo {
|
|
display: block;
|
|
margin: auto;
|
|
object-fit: contain;
|
|
align-content: center;
|
|
max-width: 100%;
|
|
}
|
|
|
|
@media only screen and (prefers-color-scheme: dark) {
|
|
body {
|
|
background-image: linear-gradient(black, grey);
|
|
}
|
|
|
|
main {
|
|
background: #202030;
|
|
color: #f0f0f0;
|
|
}
|
|
|
|
a {
|
|
color: cornflowerblue;
|
|
}
|
|
}
|