:root {
--green:		#6A8D73;
--blue:		#76ACDD;
--grape:		#56486B;
--black:		#433F3F;
--white:	#fff;
--rose:	#7D5C65;

color-scheme: light dark;
--fg: light-dark(var(--grape), var(--blue));
--bg: light-dark(var(--white), var(--black));
}

body {
        width: 35em;
        margin: 0 auto;
        font-family: Tahoma, Verdana, Arial, sans-serif;
        color: var(--fg);
        background-color: var(--bg);
	@media screen and (max-width: 768px) {
		width: 95%
	}
}

.flex-wrapper {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  justify-content: flex-start;
  box-sizing: border-box;
  padding: 10px;
}