body{
    font-family: Arial, Helvetica, sans-serif;
    background-color: #222;
    color: antiquewhite;
  }
  h2{
    font-size: 1.2em;
    color: rgb(212, 212, 212);
  }
  a, a:visited{
    display: inline-block;
    line-height: 2em;
    color: aquamarine;
    text-decoration:none;

  }
  a:hover{
    text-decoration: underline;
  }
  .info{
    color: white;
    line-height: 1.5em;
    margin-left: 1.5em;
    position: relative;
    margin-bottom: 2em;
  }
  .info::before {
    content: "\1f6c8";
    position: absolute;
    left: -1.5em;
  }
.ifrm {
  opacity: 0;
  transition: opacity .25s linear;
  border: none;
  display: none;
  background-color: white;
  /**/
    height: 500px; /* new height (400 * (1/0.8) ) */
    width: 125%; /* new width (100 * (1/0.8) )*/

    transform: scale(0.8);
    transform-origin: 0 0;
}
.trig:hover + iframe {
  opacity: 1;
  transition: opacity .25s linear;
  display: block;
  position: fixed;
  top: 0;
  right: -14vw;
  width: 70vw;
  height: 100vh;

}
.githublink{
  height: 25px;
  width: 25px;
  margin-right: 1em;
  vertical-align: middle;
}