/* Toc = Sidebar */
    .toc {
      position: fixed;
      left: 0em;
      top: 7em;
      padding: 10px;
      width: 18em;
      height: 100%;
      line-height: 5px; 
      font-size: 16px;
      z-index: 0;}
  
      .toc a{
        padding-top: 1vh;
        padding-left: 20px;
        margin-top: 10;}

      .toc ul {
        list-style: none;
        padding: 0;
        margin: 0; }
      .toc ul ul {
        padding-left: 2em; }
      .toc li a {
        display: inline-block;
        color: #cabdeb; /*Color when not in section*/
        text-decoration: none;
        -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
                transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
      .toc li.visible > a {
        color: #21095e; /*Color when in section*/
        -webkit-transform: translate(5px);
            -ms-transform: translate(5px);
                transform: translate(5px); }
    
    .toc-marker {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1; }
      .toc-marker path {
        -webkit-transition: all 0.3s ease;
                transition: all 0.3s ease; }
    
    .contents {
      position: relative;
      display: flex;
      justify-content: space-around;
      align-items: center;
      flex-wrap: wrap;
      flex-direction: row;
      padding:5em;
      width: 100%;
    height: 100%;}
      
      /* Position on id call */
      .contents h2 {
        margin-top: 0.2em; 
        padding-top: 3em;}
        .contents h3 {
          margin-top: 0.2em; 
          padding-top: 2em;}

    @media screen and (max-width: 1200px) {
      body {
        font-size: 14px; } }