* {
  margin: 0;
  padding: 0;
}

:root {
  --c-page: #1a2c38;
  --c-page2: #0f212e;
  --c-page3: #163043;
  --c-text: #ffffff;
  --c-text2: #b1bad3;
  --c-app: #f26944;
  --c-app2: #c75d42;

  overflow-y: auto;
  overflow-x: hidden;
}

:root body {
  position: absolute;
}

html {
  overflow-y: scroll;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  height: auto;
  display: grid;
  grid-template-columns: minmax(12px, 1fr) minmax(0, 1200px) minmax(12px, 1fr);
  background-color: var(--c-page);
  width: 100%;
  overflow: hidden;
}

body > * {
  grid-column: 2;
}

body .full-bleed {
  grid-column: 1 / -1;
}

a {
  text-decoration: none;
}