body {
    font-family: Helvetica, Arial, sans-serif;
    line-height: 175%;
    color: white;
}

h1 {
    background-color: #04AA6D;
    background-image: linear-gradient(to right, #618b9b, #04AA6D);
    padding-top: 50px;
    padding-bottom: 50px;
}

a {
  color: white;
  /* color: #04AA6D; */
  transition: all 200ms ease;
}

a:hover {
  color: #04AA6D;
  /* color: white; */
}

code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}

button {
    cursor: pointer;
    background-color: #04AA6D; /* Green */
    border: none;
    color: white;
    padding: 15px 40px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 100px;
    transition: all 300ms ease;
}

button:hover {
    background-color: black;

}



pre[class*="language-"] button {
    position: absolute;
    top: 5px;
    right: 5px;
  
    font-size: 0.9rem;
    padding: 0.15rem;
    background-color: #828282;
  
    border: ridge 1px #7b7b7c;
    border-radius: 5px;
    text-shadow: #c4c4c4 0 0 2px;
  }
  
  pre[class*="language-"] button:hover {
    cursor: pointer;
    background-color: #bcbabb;
  }
  
  pre[class*="language-"] button{
    position: absolute;
    top: 5px;
    right: 5px;
  
    /* more stuff */
  }


  .outlink {
    cursor: pointer;
    background-color: #04AA6D; /* Green */
    border: none;
    color: white;
    padding: 15px 40px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 100px;
    transition: all 300ms ease;
}

.outlink:hover {
  color: white;
    background-color: black;

}