@font-face {
  font-display: swap;
  font-family: "Gabriela";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/gabriela-v23-latin-regular.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "Gupter";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/gupter-v14-latin-regular.woff2") format("woff2");
}

body { background: #333; font-family: "Gupter"; color: #ffffff; }

.navbar { border-bottom: 0.2rem solid #008ed6; }

header {
	background-image: url("../images/thelabhero.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	min-height: 700px;
}

header .dark-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 700px;
	background: rgba(0, 0, 0, 0.8);
}

header .hero { padding-top: 7rem; }

header .fa-check, #explore .fa-check, #create .fa-check, #share .fa-check { padding: 0.5rem; border-radius: 0.25rem; }

footer .developer, #developer { font: bold 1.2rem "Gabriela"; color: #ffffff; text-shadow: 1px 1px 2px #ffd700, 0 0 25px #000000, 0 0 5px #000000; }
footer #developer { letter-spacing: 0.4rem; }