ANGELF~1.HTM

ANGELF~1.CSS

@@ -0,0 +1,112 @@
+:root {
+  font: 18pt serif;
+  color: white;
+  background: url(NEWFOL~1/GEC.JPG);
+}
+
+main {
+  width: 30em;
+  padding: 1rem;
+  margin: 1rem auto;
+  border: 8px outset white;
+  background: #639;
+}
+
+
+header, h1, h2, h3 { text-align: center; }
+h1 { margin-top: 0; }
+header { overflow: hidden; }
+
+@media not (prefers-reduced-motion) {
+  @keyframes marquee {
+    from { transform: translateX(100%); }
+    to { transform: translateX(-100%); }
+  }
+
+  h1 {
+    animation-name: marquee;
+    animation-timing-function: linear;
+    animation-duration: 7.5s;
+    animation-iteration-count: infinite;
+  }
+}
+
+
+#mlemtext {
+  position: relative;
+  width: 80%;
+  margin: 0 auto;
+  height: 3em;
+}
+.niss, .nisse { position: absolute }
+.niss  { left:  0 }
+.nisse { right: 0 }
+
+header picture, header img {
+  display: block;
+  margin: 0 auto;
+  bacground: black;
+}
+
+#mlem + p { margin-top: 0; }
+
+
+img[src$='.svg'] { height: 1em; }
+
+a {
+  color: #9cf;
+  font-weight: bold;
+  text-decoration: none;
+}
+
+table {
+  width: 80%;
+  border-spacing: 0.75em 0.15em ;
+}
+
+th {
+  text-align: right;
+  font-weight: normal;
+}
+td {
+  font-weight: bold;
+}
+
+
+@font-face {
+  font-family: 'W95FA';
+  src: url(NEWFOL~1/W95FA.otf)   format('opentype'),
+       url(NEWFOL~1/w95fa.woff)  format('woff'),
+       url(NEWFOL~1/w95fa.woff2) format('woff2');
+}
+
+#links {
+  position: absolute;
+  top: 0; left: 0;
+  font-family: 'W95FA', sans-serif;
+  font-size: 13pt;
+  padding: 1rem;
+}
+
+#links li {
+  display: block;
+  width: 5em;
+  text-align: center;
+  margin-bottom: 1em;
+}
+
+#links img {
+  display: block;
+  margin: auto;
+}
+
+#links a {
+  font-weight: normal;
+  color: white;
+  text-decoration: none;
+}
+
+#links span {
+  background: black;
+  padding: 0 0.25ch;
+}