@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kameron:wght@400;700&display=swap');


:root {
	--lightest-grey: #dddddd;
	--lighter-grey: #909090;
	--light-grey: #505050;
	--medium-grey: #282828;
	--dark-grey: #101010;
	--blue: #0965bb;
	--yellow: #f4d03f;
	--bright-yellow: #f8fc22;
	--bright-green: #82fb18;
	--bright-blue: #22fcf4;

	--small: 0.2em;
	--medium: 0.5em;
	--large: 1em;
	--font-1: 'Poppins', sans-serif;
	--font-2: 'Staatliches', cursive;
	--font-3: 'Kameron', serif;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	font-family: var(--font-1);
	font-size: 1rem;
	line-height: 1.2;
	background-color: var(--medium-grey);
	color: #fff;
}

img {
	max-width: 100%;
}

ul,
ol {
	list-style-type: none;
	padding-left: 0;
}