iframe.box{box-shadow: inherit;}
    div.box{box-shadow: inherit;}

img.illustration{

  max-width: 300px;
  margin: 36px;
  padding:0;
}

div.signature{
  padding-top:20px;
  font-style: italic;
  color: #e07964;
}

img.capture{
  border : 10px solid #EFF9FF;
  margin : 10px 0px 20px 0px;
}

.hack {

  border : 10px solid #EFF9FF;
  margin : 10px 0px 20px 0px;
  padding : 10px;
}
button {
  background-color:#87ABEB;
}
a{
  color:#87ABEB;
}

p{
  max-width:600px;
}

    .collapse:focus {
      border-color: #e5ebf9;
    }


    code {
      color: #7fa7d8;

    }

    a.example {
      color: #7fa7d8;
    }

    .doc {
      display: none;
    }

    a.example:hover {
      color: #6afafe;
      cursor: pointer;
    }

    body {
      background-color:#E5F9FF;
    }

    a.menu {
      background-color: inherit;
    }

    #block2 {
      background-color: #FFFD89;
    }

    h1 {
      color: #e07964;
    }

    h2 {
      color: #e07964;
    }

    div.box {
      box-shadow: inherit;
    }

    #menu {
      background-image: inherit;
      background-color: #FFFD89;
      box-shadow: inherit;
    }

/* Comment */
.hljs-comment,
.hljs-quote {
  color: #afb6c6;
}

/* Red */
.hljs-variable,
.hljs-template-variable,
.hljs-attribute,
.hljs-tag,
.hljs-name,
.hljs-regexp,
.hljs-link,
.hljs-name,
.hljs-selector-id,
.hljs-selector-class {
  color: #f0b5d9;
}

/* Orange */
.hljs-number,
.hljs-meta,
.hljs-built_in,
.hljs-builtin-name,
.hljs-literal,
.hljs-type,
.hljs-params {
  color: #f0b5d9;
}

/* Green */
.hljs-string,
.hljs-symbol,
.hljs-bullet {
  color: #f0b5d9;
}

/* Blue */
.hljs-title,
.hljs-section {
  color: #4f96dd;
}

/* Purple */
.hljs-keyword,
.hljs-selector-tag {
  color: #ef9709;
}

pre {
  display: block;
  overflow-x: auto;
  padding : 16px 16px 16px 16px;
  background: #EFF9FF;
  color: #87ABEB;
}

a.copy{
  color:#5e6687;
  text-decoration: none;
  background: #fff;
  border-radius: 4px;
  padding:6px 10px 6px 10px;
}

a.supp{
  color:#5e6687;
  text-decoration: none;
  background: #ffc7bc;
  border-radius: 4px;
  padding:6px 10px 6px 10px;
}

div.copy{
  color:#5e6687;
  background: #fff;
  border-radius: 4px;
  padding:6px 0px 6px 0px;
  width: auto;
}

div.supp{
  color:#5e6687;
  background: #ffc7bc;
  margin:0;
  border-radius: 4px;
  padding:6px 0px 6px 0px;
}

div.padding{
  padding:10px;
  border-radius: 4px;
  background: #fff;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}