img {max-width:100%;}

  .spoiler {
      background-color: darkgrey;
      color: transparent;
  }

  .spoiler:hover {
      background-color: transparent;
      color: inherit;
      cursor: help;
      transition: all 0.3s ease 0.2s, color 0.2s ease 0.25s;
  }
  .side-by-side {
    display:flex;
  }

  .side-by-side > p {
    width: 61%;
    margin:10px;
  }

  .side-by-side > ul{
    margin: 10px;
  }
  .center {
    margin:auto;
    text-align: center;
  }
  code { overflow: auto; color: #000000;}
  .code-comment { color: slategrey; white-space: pre-wrap;}
  .code-string { color: green;}
  .code-literal { color: blue;}
  .code-type { color: #66D9EF;}
  .code-builtin { color: darkorange;}
  .code-keyword { color: red;}
  .code-other { color: #F92672;}