:root{ --nord0: #2E3440; --nord1: #3B4252; --nord2: #434C5E; --nord3: #4C566A; --nord4: #D8DEE9; --nord5: #E5E9F0; --nord6: #ECEFF4; --nord7: #8FBCBB; --nord8: #88C0D0; --nord9: #81A1C1; --nord10: #5E81AC; --nord11: #BF616A; --nord12: #D08770; --nord13: #EBCB8B; --nord14: #A3BE8C; --nord15: #B48EAD; --lightblue: var(--nord9); --blue: var(--nord10); --red: var(--nord11); --orange: var(--nord12); --yellow: var(--nord13); --green: var(--nord14); --purple: var(--nord15); --nord6-dark: #292c31; --accent-dark: #1f1f21; --background-dark: #21201b; --font-default-dark: #ffffff; } a:not(:visited){ color: var(--red); } a:visited{ color: var(--purple); } *{ box-sizing: border-box; font-family: Helvetica, Arial, "Noto Sans", sans-serif } body{ margin:0; padding:0; background-color: #fbf9f3; overflow-x: hidden; } @media (prefers-color-scheme: dark) { body{ color: white; background-color: var(--background-dark); } }