body {
  background-image: url('bg.png');
  background-size: 1920px;
  width: 100vw;
  margin: 0;
  image-rendering: pixelated;
  font-family: 'Pixel';
  color: rgba(255,255,255,.9);
  text-shadow: 0 0 5px rgba(3, 13, 48, .5);
}
@font-face {
  font-family: 'Courier New';
}
@font-face {
  font-family: 'Courier New';

}
b {
  color: rgb(0,0,255);
}
g {
  color: rgb(0,255,0);
}
r {
  color: rgb(230,0,20);
}
p {
  font-size: 36px;
}
h1 {
  font-size: 48px;
}
a {
  color: rgba(255,255,255,.9);
}
a:hover {
  color: rgba(189, 189, 189, 0)
}
::-webkit-scrollbar {
  display: none;
}
#container {
  width: 768px;
  padding: 0;
  height: 4000px;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0);
}
.headerimage {
  width: 100%;
  height: 500px;
}
.navbar {
  font-size: 48px;
  width: 100%;
  text-align: center;
}
#about {
  padding: 40px;
  text-align: center;
  font-family: 'paragraph';
}
#about a {
  font-size: 36px;
}
#about img {
  width: 100%;
}
iframe {
  width: 100%;
  height: 100vh;
  border: 0;
  overflow: scroll;
  margin-top: 20px;
}