html,
    body {
      margin: 0;
      color: #000;
      background: #fff;
      font-family: 'Recursive', serif;
    }
    
    #wrap {
      margin-left: 30%;
      margin-right: 30%;
      padding: 0px;
    }
    
    
    #nav {
      height: 100%;
      width: 170px;
      position: fixed;
      z-index: 1;
      top: 0;
      left: 0;
      overflow-x: hidden;
      padding-top: 60px;
      padding-left: 30px;
      font-family: 'Recursive', serif;
      font-size: 15px;
    }
    
    #nav ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      line-height: 40px;
      font-size: 12px;
    }

   .nav-content ul li {
  line-height: 31px;
  margin: 2px;
}
    
    h1 {
      font-family: 'Recursive', serif;
      font-size: 23px;
      padding: 0px;
      margin-top: 0px;
    }
    
    a.title {
      text-decoration: none;
      color: #000;
      background-color: #BF293B;
    }
    
    #line {
      width: 100px;
      height: 10px;
      margin: 40px 0px 40px 0px;
      background-color: #BF293B;
    }

    #line-thin {
      width: 100px;
      height: 1px;
      margin: 20px 0px 30px 0px;
      background-color: #000;
    }
    
    a.nav {
      padding: 6px 8px 6px 0px;
      text-decoration: none;
      font-size:14px;
      line-height: 12px;
      color: #000;
    }
    
    a.nav:hover {
      color: #BF293B;
    }
    
    a.nav2 {
      padding: 6px 8px 6px 0px;
      text-decoration: none;
      font-size:15px;
      color: #000;
    }
    
    a.nav2:hover {
      color: #BF293B;
      text-decoration: none;
    }
    
    #content {
      font-family: 'Recursive', serif;
      font-size: 28px;
      margin-left: 300px;
      padding: 60px 10px;
    }
    
    #content p {
      margin-top: 0px;
    }
    
    p a {
      text-decoration: none;
      color: #BF293B;
    }
    
    
    h1 > a {
      text-decoration: none;
      color: #000;
    }
    
    h1 > a:hover {
      text-decoration: none;
      color: #BF293B;
    }
    
    iframe.content {
      width: 100%;
      height: 100%;
      font-family: 'Recursive', serif;
      font-size: 28px;
      border: none;
    }
    
    #small {
      padding-top: 10px;
      font-size: 10px;
    }
    
    #overview {
      font-family: 'Recursive', serif;
      font-size: 15px;
      width: 850px;
      line-height: 30px;
    }
    
    #overview > h2 {
      font-family: 'Recursive', serif;
      font-size: 16px;
      font-weight: bold;
    }
    
    div h2 {
      font-family: 'Recursive', serif;
      font-size: 28px;
      font-weight: normal;
    }
    
    div p {
      font-family: 'Recursive', serif;
      font-size: 15px;
      width: 850px;
      line-height: 30px;
    }

    #home {
      font-size: 19px;
    }

    #open {
      font-family: 'Recursive', serif;
      font-size: 19px;
      padding: 4px;
      margin: 0px 5px 0px 0px;
      background-color: #7DC27C;
      color: #000;
    }
    
    #tag {
      font-family: 'Recursive', serif;
      font-size: 11px;
      padding: 4px;
      margin: 0px 5px 0px 0px;
      background-color: #BF293B;
      color: #fff;
    }
    
    .dragscroll {
    width: 100%;
    white-space: nowrap;
    cursor: grab;
    cursor : -o-grab;
    cursor : -moz-grab;
    cursor : -webkit-grab;"
    -ms-overflow-style: none;  /* IE and Edge */
   scrollbar-width: none;  /* Firefox */
}

    .dragscroll::-webkit-scrollbar {
      display: none;
    }

/* Inline-block */
.inline {
  vertical-align: middle;
  overflow-x: scroll;
}

    .card {
     display: inline-block;
}

    div.dragscroll img {
     display: inline-block;
    }

    div h3 {
      font-family: 'Recursive', serif;
      font-size: 18px;
      font-weight: normal;
      color: #424242;
      margin-bottom: 40px;
    }
    
    blockquote p {
      font-family: 'Recursive', serif;
      font-size: 32px;
      color: #000;
      line-height: 40px;
      margin: 0px 0px 20px 0px;
      padding: 0px;
      width: 850px;
    }

p strong {
  font-weight: normal;
  margin-left: 20px;
}

h2 a {
  text-decoration: none;
  color: #BF293B;
}

li a {
  text-decoration: none;
  color: #BF293B;
}

#right {
 float: right;
 padding: 0 0 0 10px;}