/*
 * eulerium
 * Copyright (C) 2025 Leitwert GmbH - All Rights Reserved
 * Unauthorized copying of this file is strictly prohibited.
 */

:root {
  --bg-light: rgb(46,49,63);
  --bg-dark: rgb(35,39,51);
  --bg-grid: rgba(242,239,234,0.1);
  --title: rgb(80,209,125);
  --subtitle: rgb(138,147,162);
  --text: rgb(242,239,234);
}
@font-face {
  font-family: UbuntuSansMono-Regular;
  src: url('../font/UbuntuSansMono-Regular.ttf');
}
@font-face {
  font-family: UbuntuSansMono-Medium;
  src: url('../font/UbuntuSansMono-Medium.ttf');
}
@font-face {
  font-family: UbuntuSansMono-Medium-Et;
  src: url('../font/UbuntuSansMono-Medium-Et.ttf');
}
body {
  background-color: var(--bg-dark);
  background-size: 1.75em 1.75em;
  background-image:
    linear-gradient(to right, var(--bg-grid) 1px, transparent 1px),
    linear-gradient(to bottom, var(--bg-grid) 1px, transparent 1px);
  color: var(--text);
  font-family: UbuntuSansMono-Medium;
  font-size: 24px;
  margin: 0px;
}
header {
  background-color: var(--bg-light);
  display: block;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
header span {
  margin: 1em;
}
a {
  color: var(--text);
  font-family: UbuntuSansMono-Regular;
  text-decoration: none;
}
a:hover {
  color: var(--title);
  font-family: UbuntuSansMono-Medium;
}
.content {
  font-size: 2em;
  left: 0px;
  position: fixed;
  text-align: center;
  top: 50%;
  transform: translate(0%, -50%);
  width: 100%;
}
.title {
  color: var(--title);
  font-size: 2em;
  margin-bottom: 0.5em;
}
.subtitle {
  color: var(--subtitle);
  font-family: UbuntuSansMono-Regular;
  margin-bottom: 3em;
}
.eulerium-et {
  font-family: UbuntuSansMono-Medium-Et;
}