:root {
	--color-white: #f5edf0;
	--color-gray: #3d3545;
	--color-darkgray: #252130;
	--color-black: #1d1b21;
	--color-red: #b5123b;

	--color-cyan: #38b0fa;
	--color-magenta: #cf2678;
	--color-yellow: #dbd053;

	--color-green: #AFE3C0;
	--color-pink: #D1235A;
	--color-quiet: #7e7389;
}

@font-face {
	font-family: Pixel; 
	font-family: "Open Sans", sans-serif;
	src: url('orange\ kid.ttf');
}


body {
	background-color: var(--color-black);
	cursor: url("img/Cursor.png"), auto;
	font-family: "Open Sans", sans-serif;
}

nav {
	text-align: center;
}

nav a {
	color: var(--color-cyan);
}

footer {
	text-align: center;
	text-shadow: 0rem 1px var(--color-magenta);
	color: var(--color-cyan);
	font-size: 15px;
	max-width: 100%;
	margin-top: 10px;
	padding-bottom: 25px;
}

footer a {
	color: var(--color-cyan);
	text-decoration: none;
}

article {
	padding-top: 35px;
	padding-bottom: 35px;
	padding-left: 50px;
	padding-right: 50px;
	text-align: left;
	font-size: 18px;
	color: #ded6e5;
	line-height: 30px;
}

article strong {
	color: var(--color-magenta);
	font-size: x-large;
}

article small {
	font-size: 14px;
}

article h1 {
	text-align: center;
	font-family: 'Pixel', monospace;
}

article h2, h3 {
	font-family: 'Pixel', monospace;
}

a {
	color: var(--color-cyan);
}

a:hover {
	color: var(--color-green);
}

img {
  max-width:100%;
  height:auto;
}

figure {
	justify-content: center;
	text-align: center;
}

figcaption {
	font-size: 14px;
}

@media only screen and (max-width: 700px) {

	article {
		padding: 15px;
	}

}