60 lines
957 B
CSS
60 lines
957 B
CSS
@import url(base.css);
|
|
|
|
:root {
|
|
width: 100vw; height: 100vh;
|
|
margin: 0; padding: 0;
|
|
display: grid;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
main {
|
|
width: 35em;
|
|
padding: 2em;
|
|
}
|
|
|
|
|
|
#mlem {
|
|
margin: 36px auto -50px;
|
|
position: relative;
|
|
height: 219px;
|
|
width: 420px;
|
|
cursor-events: none;
|
|
}
|
|
.mlem-text {
|
|
font-size: 110%;
|
|
position: absolute;
|
|
font-weight: 700;
|
|
margin: 0;
|
|
}
|
|
.niss { bottom: 100%; left: 20px; }
|
|
.nisse { bottom: 85%; right: 0; }
|
|
#mlem img {
|
|
/* firefox doesn't support "pixelated" but does treat "crisp-edges"
|
|
* to mean that */
|
|
image-rendering: crisp-edges;
|
|
image-rendering: pixelated;
|
|
}
|
|
|
|
|
|
#links img {
|
|
margin-right: 0.75em;
|
|
height: 1.5em;
|
|
width: 1.5em;
|
|
filter: drop-shadow(0 0 10px var(--glow-col));
|
|
vertical-align: middle;
|
|
}
|
|
|
|
menu {
|
|
display: grid;
|
|
gap: 1em;
|
|
grid-template-columns: 1fr 1fr;
|
|
|
|
max-width: 85%;
|
|
margin: auto;
|
|
padding: 0;
|
|
font-size: 125%;
|
|
}
|
|
|
|
li { list-style: none; }
|