@font-face {
	font-family: "ChiKareGo2";
	src: url(fonts/ChiKareGo2.ttf) format("truetype");
}

@font-face {
	font-family: "Proggy Clean";
	src: url(fonts/ProggyClean.ttf) format("truetype");
}

body {
	font-family: "ChiKareGo2", "Courier New", "Times New Roman", Calibri;
	text-align: center;
	color: #6573B7;
	background-color: #CAD8DD;
	background: url("images/blue_mac.png") repeat fixed;
}

p {
	font-family: "Proggy Clean", "Courier New", "Times New Roman", Calibri;
	font-size: 22px;
}

a {
  color: #8B67C7;
}

h1 {
  font-size: 60px; 
  margin-bottom: 10px;
}

h2 {
	text-align: left;
	font-size: 48px;
	padding-top: 30px;
	padding-bottom: 10px;
	color: #A79CC7;
}

.container {
	width: 1500px;
	height: 600px;
	margin: 0 auto;
	margin-top: 50px;
}

figure {
	display: inline-block;
	margin: 5px;
}

figcaption {
	font-family: "Proggy Clean", "Courier New", "Times New Roman", Calibri;
	margin-bottom: 5px;
}

img {
	height: 400px;
	border: 3px solid #A79CC7;
	border-radius: 8px;
}

#emote {
	all: initial;
}

#back {
	position: absolute;
	border: none;
	height: auto;
	top: 20px;
	left: 40px;
}

#back:hover {
	filter: brightness(2);
}

#up {
	position: fixed;
	border: none;
	height: auto;
	right: 20px;
	bottom: 20px;
}

#up:hover {
	filter: brightness(2);
}

::selection {
  color: #fff;
  background: #B5A8DC;
}