summaryrefslogtreecommitdiffstats
path: root/style.css
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--style.css458
1 files changed, 458 insertions, 0 deletions
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..ab9f128
--- /dev/null
+++ b/style.css
@@ -0,0 +1,458 @@
+html {
+ background-image: url('/images/background.jpg');
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ min-height: 100vh;
+}
+
+* {
+ word-break: break-word !important;
+ overflow-wrap: break-word !important;
+}
+
+body {
+ border: 4px solid #e8cdcf;
+ padding: 10vw 5vw;
+ max-width: 1000px;
+ margin: auto;
+ color: #e8cdcf;
+ background-color: #311f20;
+ font-family: 'Redaction 50';
+}
+
+h1 {
+ font-size: 2rem;
+}
+
+img {
+ border: 4px solid #e8cdcf;
+}
+
+hr {
+ background-color: #e8cdcf;
+ border: none;
+ height: 4px;
+}
+
+a {
+ color: #7f99e6;
+}
+
+a:visited {
+ color: #d1a2e7;
+}
+
+ul {
+ list-style: none;
+}
+
+ul li::before {
+ content: '❀';
+ font-style: normal;
+}
+
+#posts {
+ font-style: normal;
+}
+
+code {
+ font-family: 'Victor Mono';
+ border: 1px solid #e8cdcf;
+}
+
+pre code {
+ box-sizing: border-box;
+ border: none;
+}
+
+pre {
+ width: 100%;
+ white-space: pre-wrap;
+ overflow: auto;
+ border: 1px solid #e8cdcf;
+}
+
+.checklist {
+ border: 4px solid #e8cdcf;
+ padding: 2vw;
+ background-color: #311f20;
+ position: sticky !important;
+ display: inline-block;
+ float: right;
+ width: auto;
+ top: 2vw;
+ right: -2vw;
+ margin: 2vw 0;
+}
+
+input[type=checkbox]:checked~div {
+ display: none;
+}
+
+.checklist p {
+ display: inline;
+}
+
+.checklist ul {
+ list-style-type: none !important;
+ padding: 0;
+ margin-bottom: 0;
+}
+
+.badge,
+.badge * {
+ height: 31px;
+ width: 88px;
+ padding: 0;
+ border-radius: 0;
+ border: 0;
+ margin: 0;
+ text-decoration: none;
+ font-size: 0;
+ background-color: #0000;
+}
+
+.small-badge,
+.small-badge * {
+ padding: 0;
+ border: 0;
+ margin: 0;
+ font-size: 0;
+}
+
+@font-face {
+ font-family: 'Redaction';
+ src: url('/fonts/Redaction-Bold.woff2') format('woff2');
+ font-weight: bold;
+ font-style: normal;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Redaction 10';
+ src: url('/fonts/Redaction_10-Regular.woff2') format('woff2');
+ font-weight: normal;
+ font-style: normal;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Redaction 50';
+ src: url('/fonts/Redaction_50-Regular.woff2') format('woff2');
+ font-weight: normal;
+ font-style: normal;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Redaction 70';
+ src: url('/fonts/Redaction_70-Italic.woff2') format('woff2');
+ font-weight: normal;
+ font-style: italic;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Redaction';
+ src: url('/fonts/Redaction-Italic.woff2') format('woff2');
+ font-weight: normal;
+ font-style: italic;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Redaction';
+ src: url('/fonts/Redaction-Regular.woff2') format('woff2');
+ font-weight: normal;
+ font-style: normal;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Redaction 10';
+ src: url('/fonts/Redaction_10-Italic.woff2') format('woff2');
+ font-weight: normal;
+ font-style: italic;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Redaction 35';
+ src: url('/fonts/Redaction_35-Regular.woff2') format('woff2');
+ font-weight: normal;
+ font-style: normal;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Redaction 50';
+ src: url('/fonts/Redaction_50-Italic.woff2') format('woff2');
+ font-weight: normal;
+ font-style: italic;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Redaction 70';
+ src: url('/fonts/Redaction_70-Bold.woff2') format('woff2');
+ font-weight: bold;
+ font-style: normal;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Redaction 20';
+ src: url('/fonts/Redaction_20-Regular.woff2') format('woff2');
+ font-weight: normal;
+ font-style: normal;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Redaction 100';
+ src: url('/fonts/Redaction_100-Regular.woff2') format('woff2');
+ font-weight: normal;
+ font-style: normal;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Redaction 50';
+ src: url('/fonts/Redaction_50-Bold.woff2') format('woff2');
+ font-weight: bold;
+ font-style: normal;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Redaction 100';
+ src: url('/fonts/Redaction_100-Italic.woff2') format('woff2');
+ font-weight: normal;
+ font-style: italic;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Redaction 35';
+ src: url('/fonts/Redaction_35-Bold.woff2') format('woff2');
+ font-weight: bold;
+ font-style: normal;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Redaction 20';
+ src: url('/fonts/Redaction_20-Italic.woff2') format('woff2');
+ font-weight: normal;
+ font-style: italic;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Redaction 10';
+ src: url('/fonts/Redaction_10-Bold.woff2') format('woff2');
+ font-weight: bold;
+ font-style: normal;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Redaction 35';
+ src: url('/fonts/Redaction_35-Italic.woff2') format('woff2');
+ font-weight: normal;
+ font-style: italic;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Redaction 100';
+ src: url('/fonts/Redaction_100-Bold.woff2') format('woff2');
+ font-weight: bold;
+ font-style: normal;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Redaction 70';
+ src: url('/fonts/Redaction_70-Regular.woff2') format('woff2');
+ font-weight: normal;
+ font-style: normal;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Redaction 20';
+ src: url('/fonts/Redaction_20-Bold.woff2') format('woff2');
+ font-weight: bold;
+ font-style: normal;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Victor Mono';
+ src: url('/fonts/VictorMono-Bold.woff2') format('woff2');
+ font-weight: bold;
+ font-style: normal;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Victor Mono Oblique';
+ src: url('/fonts/VictorMono-Oblique.woff2') format('woff2');
+ font-weight: normal;
+ font-style: italic;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Victor Mono Oblique';
+ src: url('/fonts/VictorMono-BoldOblique.woff2') format('woff2');
+ font-weight: bold;
+ font-style: italic;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Victor Mono';
+ src: url('/fonts/VictorMono-ExtraLight.woff2') format('woff2');
+ font-weight: 200;
+ font-style: normal;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Victor Mono';
+ src: url('/fonts/VictorMono-Light.woff2') format('woff2');
+ font-weight: 300;
+ font-style: normal;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Victor Mono';
+ src: url('/fonts/VictorMono-SemiBoldOblique.woff2') format('woff2');
+ font-weight: 600;
+ font-style: italic;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Victor Mono';
+ src: url('/fonts/VictorMono-Italic.woff2') format('woff2');
+ font-weight: normal;
+ font-style: italic;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Victor Mono';
+ src: url('/fonts/VictorMono-ExtraLightOblique.woff2') format('woff2');
+ font-weight: 200;
+ font-style: italic;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Victor Mono';
+ src: url('/fonts/VictorMono-SemiBold.woff2') format('woff2');
+ font-weight: 600;
+ font-style: normal;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Victor Mono';
+ src: url('/fonts/VictorMono-LightOblique.woff2') format('woff2');
+ font-weight: 300;
+ font-style: italic;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Victor Mono';
+ src: url('/fonts/VictorMono-MediumOblique.woff2') format('woff2');
+ font-weight: 500;
+ font-style: italic;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Victor Mono';
+ src: url('/fonts/VictorMono-MediumItalic.woff2') format('woff2');
+ font-weight: 500;
+ font-style: italic;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Victor Mono';
+ src: url('/fonts/VictorMono-Regular.woff2') format('woff2');
+ font-weight: normal;
+ font-style: normal;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Victor Mono';
+ src: url('/fonts/VictorMono-BoldItalic.woff2') format('woff2');
+ font-weight: bold;
+ font-style: italic;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Victor Mono';
+ src: url('/fonts/VictorMono-SemiBoldItalic.woff2') format('woff2');
+ font-weight: 600;
+ font-style: italic;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Victor Mono';
+ src: url('/fonts/VictorMono-LightItalic.woff2') format('woff2');
+ font-weight: 300;
+ font-style: italic;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Victor Mono';
+ src: url('/fonts/VictorMono-ExtraLightItalic.woff2') format('woff2');
+ font-weight: 200;
+ font-style: italic;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Victor Mono';
+ src: url('/fonts/VictorMono-Medium.woff2') format('woff2');
+ font-weight: 500;
+ font-style: normal;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Victor Mono';
+ src: url('/fonts/VictorMono-ThinItalic.woff2') format('woff2');
+ font-weight: 100;
+ font-style: italic;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Victor Mono';
+ src: url('/fonts/VictorMono-Thin.woff2') format('woff2');
+ font-weight: 100;
+ font-style: normal;
+ font-display: block;
+}
+
+@font-face {
+ font-family: 'Victor Mono';
+ src: url('/fonts/VictorMono-ThinOblique.woff2') format('woff2');
+ font-weight: 100;
+ font-style: italic;
+ font-display: block;
+} \ No newline at end of file
generated by cgit (git 2.34.1) at 2024-11-22 12:31:35 +0000