:root {
  --global-background: #121200;
  --global-foreground: #ffffff;

  --link-color: #dead00;
}

@font-face {
  font-family: 'nunito';
  src: url('/assets/fonts/nunito.ttf');
}

body {
  background: var(--global-background);
  color: var(--global-foreground);

  font-family: nunito;
  margin: 50px auto;
  font-size: 18px;
  max-width: 50%;
}

a {
  color: var(--link-color);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.banners {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.banners img {
  width: 88px;
  height: 31px;
}

.banners a {
  transition: all 0.1s;
  width: 88px;
  height: 31px;
}

.banners a:hover {
  scale: 2;
  box-shadow: 0 0 0 10000px #0009;
  z-index: 3;
}