body {
  color: #fff;
  width: 100%; 
  height: 100%;
  margin: 0px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  font-family: 'Rokkitt', serif;
  background: -o-radial-gradient(0% 100%, ellipse cover, rgba(35, 24, 82, 0.22) 10%, rgba(138, 114, 76, 0) 40%), -o-linear-gradient(top, rgba(57, 173, 219, 0.25) 0%, rgba(42, 60, 87, 0.4) 100%), -o-linear-gradient(-45deg, #c71217 0%, #0a3880 100%);
  background: -ms-radial-gradient(0% 100%, ellipse cover, rgba(35, 24, 82, 0.22) 10%, rgba(138, 114, 76, 0) 40%), -ms-linear-gradient(top, rgba(57, 173, 219, 0.25) 0%, rgba(42, 60, 87, 0.4) 100%), -ms-linear-gradient(-45deg, #c71217 0%, #0a3880 100%);
  background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(35, 24, 82, 0.22) 10%, rgba(138, 114, 76, 0) 40%), linear-gradient(to bottom, rgba(57, 173, 219, 0.25) 0%, rgba(42, 60, 87, 0.4) 100%), linear-gradient(135deg, #c71217 0%, #0a3880 100%);
}

#main_content {
  position:fixed;
  width: 100%;
  top: 50%;    
  height:18em;
  margin-top: -9em;
}

#title_hover {
  display: none;
}

#inner_content h1 {
  color: #fff;
}

.web-item {
  display: inline;
  width: 50px;
}

.web-item a {
  opacity: .4;
}

.web-item a:hover {
  opacity: 1;
}

.web-item img {
  width: 50px;
}

header {
  height: 200px;
}

footer {
  padding-top: 20px;
  bottom: 0;
}