:root {
  --color-background: #402E32;
  --color-contrast: #6E5160;

  --color-text-primary: #F2C572;
  --color-text-secondary: #D47447;
  --color-text-tertiary: #402E32;

  --color-surface: #D9C7B2;
}

* {
    transition: all 0.3s ease-in-out;
}

body {
    display: flex;
    flex-direction: column;
    margin: 0;
    height: 100vh;
    overflow: hidden;
}
#main-content {
    background-color: var(--color-surface);
    flex-grow: 1;
    overflow: auto;
    padding: 2rem;
}

#welcome {
    text-align: center;
}

span {
    text-wrap: nowrap;
}