:root {
  --primary-bg: #6C18ED;
  --primary-fg: white;
  
  --accent-color: #184DED;
  --bright-accent-color: #18D4ED;

  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  color: var(--primary-fg);
  
  background: linear-gradient(115deg, var(--bright-accent-color) 0%, var(--accent-color) 100%);
}

html {
  min-height: 100%;
  position: relative;
}

body {
  height: 100%;
}

.main-container {
  margin: auto;
  max-width: 64rem;
  padding: 1rem;
  
  box-shadow: black 0 0 10px;
  background-color: var(--primary-bg);
  
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  overflow:hidden;
  z-index:-1;
}