From 506d97a7d16fa186beee3eda314492d9297e90c5 Mon Sep 17 00:00:00 2001 From: Kyren223 Date: Tue, 12 Nov 2024 18:44:51 +0200 Subject: Added blog and changed some other stuff --- src/styles/terminal.css | 88 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 88 insertions(+) create mode 100644 src/styles/terminal.css (limited to 'src/styles/terminal.css') diff --git a/src/styles/terminal.css b/src/styles/terminal.css new file mode 100644 index 0000000..68d6c79 --- /dev/null +++ b/src/styles/terminal.css @@ -0,0 +1,88 @@ +@import url("../styles/fonts/JetBrainsMono.css"); + +/* :root { */ +/* --primary: #ffbf00; */ +/* --secondary: #9b7eca; */ +/* --accent: #7ed4fb; */ +/* --extra: #8fcc75; */ +/* --text: #ffffff; */ +/* --alt: #999999; */ +/* --background: #000000; */ +/* } */ + +:root { + --primary: #54d7a9; + --secondary: #9b7eca; + --accent: #7ed4fb; + --extra: #8fcc75; + --text: #ffffff; + --alt: #999999; + --background: #000000; +} + +* { + margin: 0; + padding: 0; +} + +html { + background-color: var(--background); + color: var(--text); + font-family: "Jetbrains Mono", monospace; + user-select: none; +} + +body { + overflow-y: scroll; + zoom: 1; +} +@media screen and (max-width: 768px) { + body { + zoom: 0.8; + } +} +@media screen and (max-width: 480px) { + body { + zoom: 0.7; + } +} + +main { + display: grid; + position: absolute; + top: 50%; + left: 50%; + grid-template-columns: minmax(200px, 1fr); + transform: translate(-50%, -50%); + border: 1px; + border-style: solid; + background: var(--background); + padding: 1.75rem; + width: 55rem; + max-width: 75%; + padding-top: 1.25rem; +} + +h1, +h2, +h3 { + font-size: 1rem; + font-weight: bold; +} + +a { + font-weight: 300; +} +a:link, +a:visited, +a:active { + background-color: transparent; + text-decoration: none; + color: var(--secondary); +} +a:hover { + transition-duration: 0.2s; + transition-property: color, text-decoration; + text-decoration: underline; + color: var(--accent); +} -- cgit v1.3.1