41 lines
784 B
CSS
41 lines
784 B
CSS
* {
|
|
margin: 0;
|
|
}
|
|
body {
|
|
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
|
|
background-image: radial-gradient(circle, antiquewhite 0.5px, #E0E722 1px);
|
|
background-size: 10px 10px;
|
|
background-color: ghostwhite;
|
|
}
|
|
|
|
a:link {
|
|
background-color: ghostwhite;
|
|
text-decoration: none;
|
|
border-radius: 0.5rem;
|
|
padding: 0.5rem;
|
|
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
|
|
}
|
|
|
|
a:hover {
|
|
background-color: hotpink;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
body {
|
|
background-image: radial-gradient(circle, #191919 0.5px, #040d14 1px);
|
|
background-size: 10px 10px;
|
|
}
|
|
|
|
a:link {
|
|
background-color: #1c1b1a;
|
|
box-shadow: black 0px 3px 8px;
|
|
}
|
|
|
|
a:hover {
|
|
background-color: #E0E722;
|
|
}
|
|
@media (orientation:landscape) {
|
|
body {
|
|
font-size: clamp(2rem, 6vw, 10rem);
|
|
}
|
|
|