#bg {
  position: fixed;
  top: -2%;
  left: -2%;
  z-index: -1;
  width: 200%;
  height: 200%; }

.banner {
  padding: 3em; }

.banner-light {
  background: white;
  color: black; }

.banner-light h1 {
  color: black; }

.banner-dark {
  background: black;
  color: white; }

.banner .title {
  font-size: 300%; }

.socialmedia {
  color: black;
  font-size: 150%; }

#title {
  padding-top: 450px; }

#footercontent {
  color: white;
  background: black;
  display: inline-block; }

body {
  margin: 0;
  padding: 0;
  width: 100%; }

header {
  color: white; }

header h1 {
  font-size: 1000%;
  background: black;
  display: inline-block;
  padding: 0.1em; }

header h3 {
  font-size: 300%;
  background: black;
  display: inline-block;
  padding: 0.1em; }
