body {
  background-color: white;
  color: black;
  font-family: 'BitroadDEMO-Regular';
}

a {cursor:crosshair; border: 1px solid transparent; margin: 0px;}
a:link {color:#0090e0;}
a:visited {color:#0090e0;}
a:hover {color:#181818;	border: 1px solid transparent; border-image: url("assets/ants.gif") 1 repeat; background-color:#e6e6e6;}
a:active {color:#fff;}
a { text-decoration: none }
li a { text-decoration:none }

/*dashed container*/
    html,
    body {
      overflow: hidden;
      font-size: 15px;
    }

    #container {
      overflow: scroll;
      overflow-x: hidden;
      word-wrap: break-word; 
      height: 5em;
      width: 10em;
      padding: 1rem;
     border: 3px dashed black;
    }
/*end dashed container*/

/*jerky text effect*/
    .text {
      animation: jerky 0.5s infinite;
    }

    @keyframes jerky {
      0% {
        transform: rotate(4deg);
      }

      50% {
        transform: rotate(4deg);
      }

      51% {
        transform: rotate(-4deg);
      }

      100% {
        transform: rotate(-4deg);
      }
    }
/* end jerky text effect*/