2022-05-18 08:29:00 -04:00
|
|
|
@import url(base.css);
|
|
|
|
|
2024-03-02 12:23:17 -05:00
|
|
|
:root {
|
|
|
|
width: 100vw; height: 100vh;
|
|
|
|
margin: 0; padding: 0;
|
|
|
|
display: grid;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
|
2022-05-18 08:29:00 -04:00
|
|
|
main {
|
2024-03-02 12:23:17 -05:00
|
|
|
width: 35em;
|
|
|
|
padding: 2em;
|
2022-05-18 08:29:00 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#mlem {
|
|
|
|
margin: 36px auto -50px;
|
|
|
|
position: relative;
|
|
|
|
height: 219px;
|
|
|
|
width: 420px;
|
2024-03-02 12:23:17 -05:00
|
|
|
cursor-events: none;
|
2022-05-18 08:29:00 -04:00
|
|
|
}
|
|
|
|
.mlem-text {
|
|
|
|
font-size: 110%;
|
|
|
|
position: absolute;
|
|
|
|
font-weight: 700;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
.niss { bottom: 100%; left: 20px; }
|
|
|
|
.nisse { bottom: 85%; right: 0; }
|
2024-08-24 14:46:17 -04:00
|
|
|
#mlem img { image-rendering: pixelated; }
|
2022-05-18 08:29:00 -04:00
|
|
|
|
|
|
|
|
2024-03-02 12:23:17 -05:00
|
|
|
#links img {
|
|
|
|
margin-right: 0.75em;
|
2022-05-18 08:29:00 -04:00
|
|
|
height: 1.5em;
|
|
|
|
width: 1.5em;
|
|
|
|
filter: drop-shadow(0 0 10px var(--glow-col));
|
2024-03-02 12:23:17 -05:00
|
|
|
vertical-align: middle;
|
2022-05-18 08:29:00 -04:00
|
|
|
}
|
|
|
|
|
2024-03-02 12:23:17 -05:00
|
|
|
menu {
|
2022-05-18 08:29:00 -04:00
|
|
|
display: grid;
|
2024-03-02 12:23:17 -05:00
|
|
|
grid-template-columns: 1fr 1fr;
|
2024-08-24 14:46:17 -04:00
|
|
|
place-items: center;
|
|
|
|
place-content: center;
|
|
|
|
gap: 1em;
|
2022-05-18 08:29:00 -04:00
|
|
|
|
|
|
|
max-width: 85%;
|
|
|
|
margin: auto;
|
|
|
|
font-size: 125%;
|
|
|
|
}
|
|
|
|
|
2024-08-24 14:46:17 -04:00
|
|
|
menu li { list-style: none; }
|