/* Fonts */

@font-face {
	font-family: tachyo;
	src: url(Tachyo-1.0.0.otf);
}
@font-face {
	font-family: vga;
	src: url(MorePerfectDOSVGA.ttf);
}
@font-face {
	font-family: term;
	src: url(Resources/TerminessNerdFontMono-Regular.ttf);
}
@font-face {
	font-family: term;
	src: url(Resources/TerminessNerdFontMono-Bold.ttf);
	font-weight: bold;
}
/* Body */

body {
	font-family: term;
	font-size: 15px;
	background-color: #080F0E;
	color:  #7EFFEC;
}
#flex {
	display: flex;
}
#container {
	max-width: 1000px;
	margin: auto;
}

/* Address imitation  */

#location {
	font-family: tachyo;
	font-weight: bold;
	color: #001310;
	background-color: #7EFFEC;
	border: 2px solid;
	border-color: #7EFFEC;
	border-right-color: #58B3A5;
	border-bottom-color: #499489;
}

/* Header */

#header {
	padding: 4px;
	background-color: #001A16;
	border: 2px solid;
	border-color: #7EFFEC;
	border-right-color: #58B3A5;
	border-bottom-color: #499489;
}
#header .button {
	display: block;
	padding: 1px;
	width: 90px;
	background-color: #001A16;
	border: 2px solid;
	border-color: #7EFFEC;
	border-right-color: #58B3A5;
	border-bottom-color: #499489;
	text-align: center;
}
#header .button:hover {
	background-color: #00332B;
	border-color: #00FFDA;
	border-right-color: #00B398;
	border-bottom-color: #00947E;
}
#header a {
	color: #7EFFEC;
	text-decoration: none;
}
#header a:hover {
	font-size: 0;
}
#header a:hover:before {
	font-size: 15px;
	color: #00FFD9;
	content: attr(data-hover);
}

/* Main area */

.main {
	margin-top: 13px;
	padding: 5px;
	height: auto;
	width: 100%;
	background-color: #001A16;
	border: 2px solid;
	border-color: #7EFFEC;
	border-right-color: #58B3A5;
	border-bottom-color: #499489;
}
.pgbar {
	display: flex;
	margin-bottom: 5px;
	height: 25px;
	width: 100%;
	justify-content: space-evenly;
	border-bottom: 2px solid;
}
.pgbar div {
	text-align: center;
	align-content: space-evenly;
	padding-top: 1px;
	width: 100%;
}
.pgbar a {
	color: #7EFFEC;
	text-decoration: none;
}
.pgbar a:hover {
	font-size: 0;
}
.pgbar a:hover:before {
	font-size: 15px;
	color: #00FFDA;
	content: attr(data-hover);
}
.gallery {
	display: none;
}
.gallery:target {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.gallery ~ #home {
	display: block;
}
.gallery:target ~ #home {
	display: none;
}
.gallery a {
	padding: 5px;
}
.gallery img {
	height: 200px;
	border: 2px solid;
	border-color: #7EFFEC;
	border-right-color: #58B3A5;
	border-bottom-color: #499489;
}
.gallery img:hover {
	border-color: #00FFDA;
	border-right-color: #00B398;
	border-bottom-color: #00947E;
}

/* Footer */

footer {
	font-family: tachyo;
	margin-top: 13px;
	padding: 5px;
	border: 2px solid;
	border-color: #7EFFEC;
	border-right-color: #58B3A5;
	border-bottom-color: #499489;
	text-align: center;
	background-color: #001A16;
}