@font-face { font-family: 'JetBrainsMono'; src: url('fonts/JetBrainsMono/web/eot/JetBrainsMono-Regular.eot') format('embedded-opentype'), url('fonts/JetBrainsMono/web/eot/JetBrainsMono-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/JetBrainsMono/web/woff2/JetBrainsMono-Regular.woff2') format('woff2'), url('fonts/JetBrainsMono/web/woff/JetBrainsMono-Regular.woff') format('woff'); font-style: normal; font-weight: normal; } :root { --main-bg-color: #05141b; --dark-txt: #23221e; --light-txt: #fffade; --green: #259025; --yellow: #d6b016; } body { font-family: 'JetBrainsMono', 'arial', 'sans-serif'; color: var(--light-txt); background-color: var(--main-bg-color); } a:link { color: var(--green); font-weight: normal; text-decoration: none; } a:visited { color: var(--green); font-weight: normal; text-decoration: none; } a:hover { color: var(--yellow); font-weight: normal; text-decoration: none; }