@media screen and (max-width: 768px) {
    .site {
      margin: 0 !important;
      width: 100% !important;
    }
    pre {
      font-size: 3vw;
      line-height: 5.5vw !important;
      margin: 2em -1em;
      width: 100% !important;
    }
    input, textarea {
      width: 95% !important;
      font-size: 1em !important;
    }
  }
  html {
    font-size: 10px;
  }
  body {
    background: #252525;
    color: #F8F8F8;
    font-family: 'Courier', 'Courier New', sans-serif;
    font-size: 2em;
  }
  a {
    border-bottom: 1px dashed #E2DA6E;
    color: inherit;
    text-decoration: none;
  }
  a:hover {
    border: 0;
  }
  pre {
    width: 90%;
    line-height: 1.5em;
  }
  .site {
    width: 90%;
    margin: 5% 0 0 5%;
  }
  .contact {
    margin: 5%;
  }
  ::selection {
    background: #99978e;
  }
  .string {
    color: #E2DA6E;
  }
  .number {
    color: #A775FF;
  }
  .comment{
    font-weight: 600;
    color:#5a9955 !important;
  }
  .var {
    color: #66D9EE;
    font-style: italic;
  }
  .equal {
    color: #FA2772;
  }
  .cursor {
    animation: blinker 1.5s linear infinite;
  }
  @keyframes blinker {  
    50% { opacity: 0; }
  }
  input, textarea {
    background-color: #252525;
    border: 0;
    border-bottom: 1px solid #666666;
    color: #F8F8F8;
    font-family: inherit;
    font-size: 1.2em;
    outline: 0;
    padding: 0.5em;
    transition: border 0.5s ease;
    width: 66.67%;
  }
  input:focus, textarea:focus {
    border-bottom: 1px solid #E2DA6E;
    transition: border 0.5s ease;
  }
  button {
    background-color: #444;
    border: 0;
    border-radius: 0.25em;
    color: #F8F8F8;
    font-family: inherit;
    font-size: 1.25em;
    outline: 0;
    padding: 0.5em 1em;
    transition: all 0.5s ease;
  }
  button:hover, button:focus {
    background-color: #E2DA6E;
    color: #000000;
    cursor: pointer;
    transition: all 0.5s ease;
  }
  .grecaptcha-badge {
    display: none;
  }