:root {
  --primary-color: #28a3dc;
  --title-button-text-color: #ffffff;
  --title-button-bg-color: #181947;
  --highlight-color: #d71968;
  --success-highlight-color: #3eee73;
  --primary-bg-color: #111447;
  --primary-text-color: #ffffff;
  --nav-bg-color: #181947;
  --nav-text-color: #FFFFFFBA;
  --form-icon-color: #fff;
  --admin-bg-color: #181947;
  --input-bg-color: #28a3dc;
  --page-bg-color: #111447;
}

html {
  font-size: 12pt;
  color: var(--nav-bg-color);
}

body * {
  font-family: 'Montserrat', 'sans-serif';
  font-weight: 400;
  color: var(--primary-text-color);
}

h1,
h2 {
  font-family: 'Letter Gothic Std', 'sans-serif';
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
}

.wrapper > .content > * {
  box-shadow: 0 4px 13px 6px rgba(0, 0, 0, 0.2);
  background-color: var(--primary-bg-color);
}

body > .background {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: var(--page-bg-color);
  z-index: -5;
}