@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cousine:ital,wght@0,400;0,700;1,400;1,700&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root{
  --main-font-family : ' Montserrat', sans-serif;
  --mono-font-family : 'Cousine', monospace;

  --red-ziel   : #FF5555;
  --blue-back  : #141E30;
  --blue-front : #243B55;
  --blue-light : #BBD1EA;
  --green-good : #3EC300;
  --yellow-mhe : #FFCA3A;
  --red-bad    : #C1292E;

  --blue-back-highlight  : #243656;
  --blue-back-contour    : #0C121D;

  --blue-front-highlight : #2B4F72;
  --blue-front-contour   : #182839;
  
  --blue-light-highlight : #EFF4FA;
  --blue-light-contour   : #4480C5;
}

body {
  font-family : var(--main-font-family);
  background-color: var(--blue-back);
  color: var(--blue-light);
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
}
html, body {
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 400;
}
blockquote, body, dd, dl, dt, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, html, iframe, legend, li, ol, p, pre, textarea, ul {
  margin: 0;
  padding: 0;
}
*, ::after, ::before {
  box-sizing: inherit;
}

/* scrollbar overwrite */
* {
  scrollbar-width: auto;
  scrollbar-color: #8f54a0 #ffffff;
}
*::-webkit-scrollbar {
  width: 6px;
}
*::-webkit-scrollbar-track {
  background: #f000;
}
*::-webkit-scrollbar-thumb {
  background-color: #8f54a0;
  border-radius: 10px;
  border: 3px solid #06090E;
}