/* FONTS */ @font-face { font-family: "firamono"; src: url("/font/firamono/firamono-regular.woff2") format("woff2"), url("/font/firamono/firamono-regular.woff") format("woff"), url("/font/firamono/firamono-regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "firamono"; src: url("/font/firamono/firamono-500.woff2") format("woff2"), url("/font/firamono/firamono-500.woff") format("woff"), url("/font/firamono/firamono-500.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: "urwgothic"; src: url("/font/urwgothic/urwgothic.woff2") format("woff2"), url("/font/urwgothic/urwgothic.woff") format("woff"), url("/font/urwgothic/urwgothic.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "urwgothic"; src: url("/font/urwgothic/urwgothicDemi.woff2") format("woff2"), url("/font/urwgothic/urwgothicDemi.woff") format("woff"), url("/font/urwgothic/urwgothicDemi.ttf") format("truetype"); font-weight: 900; font-style: normal; } @font-face { font-family: "ubuntu"; src: url("/font/ubuntumono/ubuntumono-regular.woff2") format("woff2"), url("/font/ubuntumono/ubuntumono-regular.woff") format("woff"), url("/font/ubuntumono/ubuntumono-regular.ttf") format("truetype"); font-weight: 400; font-style: normal; } html { width: 100%; height: 100%; } body { background-color: var(--main-bg-color); background-image: radial-gradient(var(--second-bg-color), var(--main-bg-color)); color: var(--main-text-color); font-family: urwgothic, sans-serif; text-align: center; margin: auto; width: 100%; padding-bottom: 65px; } a { color: var(--main-link-color); } button:hover { cursor: pointer; } button { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }