summaryrefslogtreecommitdiffstats
path: root/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'style.css')
-rw-r--r--style.css88
1 files changed, 88 insertions, 0 deletions
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..dfc84b6
--- /dev/null
+++ b/style.css
@@ -0,0 +1,88 @@
+@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
+
+body {
+ font-family: 'VT323', monospace;
+ font-size: 20px;
+ overflow: hidden;
+ margin: 0;
+ padding: 0;
+ position: fixed;
+ width: 100vw;
+ height: 100vh;
+ box-sizing: border-box;
+ background-color: #111;
+ color: #11c28a;
+}
+
+#text {
+ user-select: auto;
+ resize: none;
+ margin: 20px;
+ font-family: 'VT323', monospace;
+ color: #11c28a;
+ text-shadow: 0 0 5px #11c28a;
+ line-height: 1.2;
+ font-size: 1.5rem;
+ caret-color: white;
+ padding: 20px;
+ width: 80vw;
+ height: 60vh;
+ background: #111;
+ border: inset 4px;
+ border-color: #11c28a;
+}
+
+a {
+ font-family: 'VT323', monospace;
+ color: #11c28a;
+ text-decoration: none;
+}
+
+button {
+ height: 30px;
+ font-family: 'VT323', monospace;
+ background-color: #111;
+ color: #11c28a;
+ border: 2px solid rgb(17, 194, 138);
+}
+
+.hov {
+ cursor: pointer;
+}
+
+.hov:hover,
+::selection {
+ background-color: #11c28a;
+ color: #111;
+ font-family: 'VT323', monospace;
+}
+
+
+::-webkit-scrollbar {
+ width: 8px;
+ background: rgba(100, 100, 100, 0.1);
+}
+
+::-webkit-scrollbar:horizontal {
+ height: 8px;
+}
+
+::-webkit-scrollbar-button {
+ display: none;
+}
+
+::-webkit-scrollbar-piece {
+ background: rgba(100, 100, 100, 0.1);
+}
+
+::-webkit-scrollbar-piece:start {
+ background: rgba(100, 100, 100, 0.1);
+}
+
+::-webkit-scrollbar-thumb {
+ background: #11c28a;
+}
+
+::-webkit-scrollbar-corner {
+ background: rgba(100, 100, 100, 0.3);
+}