Finally, an update

1 files changed, 115 insertions, 0 deletions

diff --git a/src/css/style.css b/src/css/style.css
new file mode 100755
index 0000000..d43f734
--- /dev/null
+++ b/src/css/style.css
@@ -0,0 +1,115 @@
+@font-face {
+    font-family: basiic;
+    src: url(../fonts/basiic.ttf);
+}
+@font-face {
+  font-family: 'Special Elite';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(../fonts/Special_Elite.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+html {
+    font-family: "Special Elite";
+    background-color: var(--color0);
+    max-width: 70em;
+    margin: auto;
+}
+
+h1 {
+    color: var(--color1);
+    text-align: center;
+    margin-bottom: .2em;
+}
+
+h2 {
+    color: var(--color2);
+}
+
+p {
+    color: var(--color1);
+}
+table {
+    color: var(--color1);
+}
+a {
+    color: var(--color4);
+}
+
+li {
+    color: var(--color8);
+}
+
+h3 {
+    color: var(--color6);
+}
+
+h4 {
+    color: var(--color7);
+}
+
+b {
+    color: var(--color3);
+}
+
+div.outline-2 {
+    border: 4px solid var(--color5);
+    padding: 10px;
+    margin: 10px;
+}
+
+img {
+    max-width: 100%;
+    height: auto;
+}
+
+.figure p {
+    text-align: center;
+}
+
+body::before {
+    content: "";
+    display: block;
+    position: fixed;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    background: linear-gradient(rgba(20, 20, 20, 0) 66%, #DA629B0B 33%);
+    background-size: 100% 9px;
+    z-index: 9999;
+    pointer-events: none;
+    animation: scanlines-anim 1.0s linear infinite;
+}
+
+@keyframes scanlines-anim {
+    0% {
+        background-position: 0px 0px;
+    }
+    100% {
+        background-position: 0px 15px;
+    }
+}
+
+@media only screen and (orientation: portrait) {
+    body::before {
+        background-size: 100% 4px;
+    }
+}
+@keyframes rotating {
+  from {
+
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.smurf {
+animation: rotating 2s linear infinite;
+    max-width: 40%;
+    height: auto;
+
+}