@import url("https://fonts.googleapis.com/css?family=Markazi+Text|Raleway");
body {
  margin: 0;
  background-color: #c3c3c3;
}

#parallax-container {
  display: block;
  height: 970px;
}

#parallax-container div {
  position: fixed;
  top: 0;
  background-position: center !important;
  transform: translateY(0px);
  height: 85%;
  width: 100%;
}

#content {
  position: relative;
  color: #ffffff;
}

#content h1 {
  font-size: 100px;
  text-align: center;
  padding-bottom: 0px;
  font-family: "Markazi Text", serif;
  text-shadow: -1px -1px 0 #ff0000, 1px -1px 0 #0800ff, -1px 1px 0 #e8f442, 1px 1px 0 #0800ff;
}

#content h2 {
  font-size: 100px;
  text-align: right;
  padding-right: 15%;
  padding-bottom: 0px;
  font-family: "Markazi Text", serif;
  text-shadow: -1px -1px 0 #ff0000, 1px -1px 0 #0800ff, -1px 1px 0 #e8f442, 1px 1px 0 #0800ff;
}

#content h3 {
  font-size: 100px;
  text-align: right;
  padding-right: 2%;
  padding-bottom: 0px;
  font-family: "Markazi Text", serif;
  text-shadow: -1px -1px 0 #ff0000, 1px -1px 0 #0800ff, -1px 1px 0 #e8f442, 1px 1px 0 #0800ff;
}

#content h4 {
  font-size: 100px;
  text-align: right;
  padding-bottom: 0px;
  font-family: "Markazi Text", serif;
  text-shadow: -1px -1px 0 #ff0000, 1px -1px 0 #0800ff, -1px 1px 0 #e8f442, 1px 1px 0 #0800ff;
}

#content h5 {
  font-size: 100px;
  text-align: right;
  padding-bottom: 0px;
  font-family: "Markazi Text", serif;
  text-shadow: -1px -1px 0 #ff0000, 1px -1px 0 #0800ff, -1px 1px 0 #e8f442, 1px 1px 0 #0800ff;
}

#content p {
  font-size: 18px;
  font-family: "Raleway", sans-serif;
}

#content h6 {
  font-size: 300%;
  transform: rotate(180deg);
  color: #c3c3c3;
  text-align: left;
  padding-bottom: 0px;
  font-family: "Markazi Text", serif;
}