* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
	--fg-color-light: #070714;
	--bg-color-light: #D9D9F2;

	--fg-color-dark: #D9D9F2;
	--bg-color-dark: #070714;

	--bg: var(--bg-color-light);
	--fg: var(--fg-color-light);
}

@media (prefers-color-scheme: dark) {
	:root {
		--fg: var(--fg-color-dark);
		--bg: var(--bg-color-dark);
	}
}

[data-theme="dark"] {
    --fg: var(--fg-color-dark);
    --bg: var(--bg-color-dark);
}

[data-theme="light"] {
	--fg: var(--fg-color-light);
    --bg: var(--bg-color-light);
}

body {
    font-family: 'Quicksand', sans-serif;
    line-height: 1.6;
    color: var(--fg);
    background-color: var(--bg);
}

.container {
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
    padding: 50px;
	text-align: center;
}