body{
  margin: 0;
}

video{
  width: 100%;
}

h1{
  margin-bottom: 0;
}

#volume-control{
  position: absolute;
  z-index: 100000;
  top: 2%;
  left: 2%;
}

#volume-control:hover{
  cursor: pointer;
  color: #ccc;
}
.content{
  position: relative;
}

.content a{
  position: absolute;
  opacity: 0;
  font-size: 4vw;
  top: 35%;
  left: 43%;
  z-index: 100000;
}

.container{
  color: #ca2027;
  font-family: "Comic Sans MS", "Comic Sans", cursive;
  text-align: center;
}

.social{
  padding: 1em;
}

.social i{
  width: 50px;
}

.social a{
  color: #ca2027;
}

.social a:visited{
  color: #ca2027;
}

.social a:hover{
  color: #000;
}

.logo{
  font-family: arial;
  margin-left: auto;
  margin-right: auto;
  min-height: 50px;
}