diff --git a/semag/style.css b/semag/style.css deleted file mode 100644 index d11f5ef7..00000000 --- a/semag/style.css +++ /dev/null @@ -1,92 +0,0 @@ -html, body { - height: 100%; - margin: 0; - padding: 0; - - font-family: system-ui, sans-serif; -} - -@font-face { - font-family: "Minecrafter"; - src: url("fonts/minecrafter/Minecrafter.Reg.woff2"), sans-serif; -} - -header { - background: #171615; - color: white; - padding: 1rem; - - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; -} - -header h1 { - color: #c6b8b4; - font: 48px Minecrafter; - transform: perspective(24px) translateZ(0) rotate3d(1, 0, 0, 2deg); - text-shadow: 0px 5px 4px black; -} - -main { - margin: 0 auto; - padding: 1rem; - max-width: 60ch; - width: 100%; - box-sizing: border-box; - line-height: 1.4; -} - -main h2 { - font-size: 1.5rem; - margin: 1rem 0 0.5rem; -} - -main li { - margin: 0.5rem 0; -} - -@media (max-width: 900px) { - minecraft-client { - width: 100%; - } -} - -.controls { - margin: 0.5rem 0; -} - -.controls > * { - appearance: none; - background: transparent; - border: 0; - cursor: pointer; - - width: 24px; - height: 24px; - - margin-right: 0.5rem; -} - -.controls svg { - stroke: #c6b8b4; -} - -.controls > *:hover svg { - stroke: white; -} - -.mobile-only { - display: none; -} - -@media (max-width: 854px) { - .mobile-only { - display: block; - } - - .desktop-only { - display: none; - } -}