body {
    background-color: #303030;  //dimgrey; 
    color: white;
   font-family: 'Abel', sans-serif;
    margin: auto;
   #width: 55%; 
    line-height: 200%; 
    
}

#main {
 width: 55%;
    margin: auto; 
}

#navbar {
  width: 55%;   
    margin: auto;
font-size: 1.2em; 	
}

#beforeGame {
}

#beforeGameHeader {
    font-size: 3em;  
    color: cadetblue;
    font-weight: bold; 
}

#beforeGameContent {
  
    font-size: 1.2em;
}

#beforeGameContent img {
    width: 4%;    
}

#startingBuild {
}

#startingBuildHeader {
    font-size: 3em; 
    color: cadetblue;
    font-weight: bold; 
}

#startingBuildContent {
    font-size: 1.2em;

}

#startingBuildContent img {
 width: 3%;
}

#items img {
    width: 5%; 
}

#lategameItems {
    
}

#laningStageHeader {
    font-size: 3em; 
    color: cadetblue;
    font-weight: bold; 
}

#laningStageContent {
    font-size: 1.2em;
   
}

#laningStageContent img {
    width: 3%;    
}

#teamfightsHeader {
    font-size: 3em; 
    color: cadetblue;
    font-weight: bold; 
}

#teamfightsContent {
      font-size: 1.2em;

}

#mistakesHeader {
    font-size: 3em; 
   color: cadetblue;
    font-weight: bold; 
}

#mistakesContent {
      font-size: 1.2em;
 
}

#skillBuildHeader {
    font-size: 3em; 
    color: cadetblue;
    font-weight: bold; 
}

#skillBuildContent {
      font-size: 1.2em;
    
}

#skillBuildContent img {
    width: 4%;    
}

#drowHeader {
    font-size: 3em;
    color: cadetblue;
    font-weight: bold; 
}

#drowContent {
     font-size: 1.2em;

}

#drow video {
    width: 75%;
      
}

#drow i {
 font-size: 1.2em;    
}

#hotkeysHeader {
    font-size: 3em;
   color: cadetblue;
    font-weight: bold; 
}

#hotkeysContent {
     font-size: 1.2em;
  
}

#hotkeysContent img {
 width: 3%;
}

#hotkeys img {
width: 100%; 
}

#introTitle {
   font-size: 3em;
    font-weight: bold; 
    color: cadetblue;
    
    
}

#introPicture {
margin: auto; 
}

#introPicture img {
  
}

#top {
       
}

#introContent {
 font-size: 1.2em;    
}

#topBanner {
 width: 100%;
    height: 30%; 
}

#replaysHeader {
    font-size: 3em;
    color: cadetblue;
    font-weight: bold; 
}

#replaysContent {
    font-size: 2em;
}

#replaysButton {
    font-size: 3em;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-right: 50px;
    padding-left: 50px;
}