PANIC!

site/main.css

@@ -0,0 +1,75 @@
+[!]
+[#config.stx]
+
+@font-face {
+    font-family: "URW Gothic";
+    src: url("[^baseurl]/res/URWGothic-Book.otf");
+}
+
+@font-face {
+    font-family: "URW Gothic Bold";
+    src: url("[^baseurl]/res/URWGothic-Demi.otf");
+}
+
+* {
+    font-family: "URW Gothic";
+    color: white;
+}
+
+body {
+    background-color: black;
+    padding: 0px;
+    margin: 0px;
+}
+
+.panicyellow {
+    color: rgb(255, 204, 0);
+    font-family: "URW Gothic Bold";
+}
+
+h1 {
+    font-size: 5em;
+    text-align: center;
+}
+
+h2 {
+    font-size: 3em;
+    text-align: center;
+}
+
+body > div {
+    height: 100vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+}
+
+#godown {
+    position: absolute;
+    bottom: 50px;
+    left: 50%;
+    transform: translate(-50%, -100%);
+    font-size: 3em;
+}
+
+.trump-panican-tweet {
+    border-radius: 20px;
+    width: 30vw;
+    display: inline-block;
+}
+
+body > div {
+    text-align: center;
+}
+
+#leadbox {
+    opacity: calc((var(--scrolly-height) + var(--scrolly-top) * 2) / var(--scrolly-height));
+    transform: translateY(calc(var(--scrolly-top) * 0.125px));
+}
+
+ul {
+    font-size: 2em;
+    text-align: left;
+    line-height: 2em;
+}