body {

    font-family: "Tahoma";
    font-size: 30px;
    line-height: 1.4;
    background: #000000;
    color: rgb(249,236,236);
}

h1 {
    background: rgb(199,73,77);
    line-height: 1.2;

    color: rgb(249,236,236);
    display:table;
    padding: 10px;
    font-size: 60px;
}
#top-container {
    /*width: 400px;*/

}
h3 {

    font-size: 40px;
}

#bio{

    padding-top: 40px;
    width: 40%;
    margin: 0 auto;
}
@media only screen and (max-width: 1400px) {
    #bio{
        width: 90%;
    }
}

#portrait{
    width: 40%;
    border: 0.25em solid rgb(249,236,236);
    border-radius: 0.25em;
    display: block;
    margin: 0 auto;

}
a {

    color: rgb(249,236,236);
}
a:hover {

color: rgb(199,73,77);
}

#blinker {
    animation: blink 1s step-start 0s infinite;
}

@keyframes blink {
  50% {
    opacity: 0.0;
  }
}

hr, hr.green{
    border: 0;
    box-sizing: border-box;
    height: 0.35em;
    background:  rgb(249,236,236);
    display: block;
    clear: both;
    margin: 2em 0;
    padding: 0;
    border-radius: 0.25em;
}


    .glitch {
      color: rgb(249,236,236);

      position: relative;
    }



    .glitch:after {
      animation: glitch-animation 2s 1 linear alternate-reverse;
      animation-delay: 7s;
      background: rgb(199,73,77);
      clip: rect( 0, 900px, 0, 0 );
      color: rgb(249,236,236);
      content: attr( data-text );
      left: 2px;
      padding: 10px;
      overflow: hidden;
      position: absolute;
      text-shadow: -1px 0 #000000;
      top: 0;
    }


    @keyframes glitch-animation {
      0% {
        clip: rect(42px, 9999px, 44px, 0);
      }
      5% {
        clip: rect(12px, 9999px, 59px, 0);
      }
      10% {
        clip: rect(48px, 9999px, 29px, 0);
      }
      15.0% {
        clip: rect(42px, 9999px, 73px, 0);
      }
      20% {
        clip: rect(63px, 9999px, 27px, 0);
      }
      25% {
        clip: rect(34px, 9999px, 55px, 0);
      }
      30.0% {
        clip: rect(86px, 9999px, 73px, 0);
      }
      35% {
        clip: rect(20px, 9999px, 20px, 0);
      }
      40% {
        clip: rect(26px, 9999px, 60px, 0);
      }
      45% {
        clip: rect(25px, 9999px, 66px, 0);
      }
      50% {
        clip: rect(57px, 9999px, 98px, 0);
      }
      55.0% {
        clip: rect(5px, 9999px, 46px, 0);
      }
      60.0% {
        clip: rect(82px, 9999px, 31px, 0);
      }
      65% {
        clip: rect(54px, 9999px, 27px, 0);
      }
      70% {
        clip: rect(28px, 9999px, 99px, 0);
      }
      75% {
        clip: rect(45px, 9999px, 69px, 0);
      }
      80% {
        clip: rect(23px, 9999px, 85px, 0);
      }
      85.0% {
        clip: rect(54px, 9999px, 84px, 0);
      }
      90% {
        clip: rect(45px, 9999px, 47px, 0);
      }
      95% {
        clip: rect(37px, 9999px, 20px, 0);
      }
      100% {
        clip: rect(4px, 9999px, 91px, 0);
      }
    }