diff options
Diffstat (limited to 'style.css')
| -rw-r--r-- | style.css | 53 |
1 files changed, 53 insertions, 0 deletions
diff --git a/style.css b/style.css new file mode 100644 index 0000000..39aa7c1 --- /dev/null +++ b/style.css @@ -0,0 +1,53 @@ +* { + border-radius: 0px; + --cl-black: hsl(140, 1%, 6%); + --cl-gray-0: hsl(140, 2%, 8%); + --cl-gray-1: hsl(140, 2%, 12%); + --cl-gray-2: hsl(140, 4%, 16%); + --cl-gray-3: hsl(140, 4%, 24%); + --cl-gray-4: hsl(140, 4%, 36%); + --cl-gray-5: hsl(140, 4%, 44%); + --cl-gray-6: hsl(80, 8%, 52%); + --cl-gray-7: hsl(70, 8%, 58%); + --cl-gray-8: hsl(60, 16%, 66%); + --cl-gray-9: hsl(40, 32%, 78%); + --cl-gray-10: hsl(30, 32%, 84%); + --cl-white: hsl(26, 64%, 88%); + --cl-red-6: hsl(4, 83%, 67%); + --cl-red-7: hsl(4, 75%, 75%); + --cl-orange-6: hsl(26, 84%, 62%); + --cl-orange-7: hsl(26, 84%, 74%); + --cl-yellow: hsl(37, 80%, 69%); + --cl-green-6: hsl(120, 41%, 64%); + --cl-green-7: hsl(120, 42%, 75%); + --cl-cyan-6: hsl(160, 41%, 64%); + --cl-cyan-7: hsl(160, 32%, 75%); + --cl-blue-6: hsl(200, 55%, 64%); + --cl-blue-8: hsl(201, 55%, 80%); + --cl-magenta-7: hsl(320, 59%, 72%); + --cl-magenta-8: hsl(320, 61%, 80%); +} + +body { + margin: 5vh 10vw 5vh 10vw; + font-family: "Roboto Mono", monospace; + background-color: var(--cl-gray-0); + color: var(--cl-white); +} + +a:link { + color: var(--cl-orange-6); +} +a:visited, a:active { + color: var(--cl-green-6); +} +a:hover { + color: var(--cl-magenta-7); +} + +.h1Blue { + color: var(--cl-blue-6); +} +.h1Green { + color: var(--cl-green-6); +} |