html, body {
  height: 100%;
}

a, a:active, a:focus{
  outline: none; /* removes line around links. Works in Firefox, Chrome, IE8 and above */ 
}

#left, #right {
  height: 100vh;
}

.h1, h1, h3, p {
  font-family: mangal;
}

#left, .misc {
    display: none;
}

#right {
  background-color: #000;
  color: #fff;
}

#fb-social {
    color: #4267B2;
}

#ig-social {
    color: #e95950;
}

#tw-social {
    color: #1DA1F2;
    margin-right: 6px;
}

.social-media-icon {
    font-size: 21px;
}

@media only screen and (min-width: 768px) {
  body {
    overflow: hidden;
  }
    
  #left {
    display: block;
  }
    
  .misc {
    display: inline;
  }
    
  #right {
    overflow-y: scroll;
  }
}