* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: transparent;
}

@font-face {
	font-family: "Nunito";
	src: url("https://static.igem.wiki/teams/5645/wiki-fonts/nunito-variablefont-wght.ttf")
		format("truetype");
}

@font-face {
	font-family: "Nimbu";
	src: url("https://static.igem.wiki/teams/5645/wiki-fonts/nimbu-final.ttf")
		format("truetype");
}

@font-face {
	font-family: "Chalk";
	src: url("https://static.igem.wiki/teams/5645/wiki-fonts/chalk-board.ttf")
		format("truetype");
}

:root {
	--BODY-BGCOLOR: #f8f3e2;
	--BODY-BGCOLOR2: #e3decd;
	--BODY-COLOR: #1e1612;
	--BODY-COLOR2: #2a211d;
	--ACCENT-COLOR: #7f3e9b;
	color-scheme: light;
}

:root[data-theme="dark"] {
	--BODY-BGCOLOR: #26211f;
	--BODY-BGCOLOR2: #3f342e;
	--BODY-COLOR: #fff8df;
	--BODY-COLOR2: #e3decd;
	color-scheme: dark;
}

::selection {
	background-color: #86549c;
	color: white;
}

html {
	scroll-behavior: smooth;
}

body {
	padding-top: 56px;
	background-color: var(--BODY-BGCOLOR);
	color: var(--BODY-COLOR);
	transition: background-color 0.2s;
	background-position: top;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
}