/* 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;
}