/**
 * Combined by jsDelivr.
 * Original files:
 * - /gh/macagic/macagic.github.io@master/sweb/HTML/css/my_timeline.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
      /*SECTION-TIMELINE*/

      .section-timeline {
          background-color: white;
          padding-top: 5rem;
      }

      .timeline {
          list-style: none;
          padding: 20px 0 80px;
          padding-top: 50px;
          position: relative;
      }

      .timeline:before {
          top: 0;
          bottom: 0;
          position: absolute;
          content: " ";
          width: 3px;
          background-color: #eeeeee;
          left: 50%;
          margin-left: -1.5px;
      }

      .timeline>li {
          margin-bottom: 20px;
          position: relative;
      }

      .timeline>li:before,
      .timeline>li:after {
          display: table;
          content: " ";
      }

      .timeline>li:after {
          clear: both;
      }

      .timeline>li>.timeline-panal {
          width: 50%;
          float: left;
          border: 1px solid #d4d4d4;
          border-radius: 2px;
          padding: 20px;
          position: relative;
          box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
      }

      .timeline p {
          font-family: 'Josefin Sans', sans-serif;
          ;
          font-weight: 700;
      }

      .timeline>li:not(.timeline-inverted) {
          padding-right: 90px;
      }

      .timeline>li.timeline-inverted {
          padding-left: 90px;
      }

      .timeline>li>.timeline-badge {
          font-size: 2px;
          /* !important  */
          color: #FFF;
          width: 50px;
          height: 50px;
          line-height: 50px;
          text-align: center;
          position: absolute;
          top: 16px;
          left: 50%;
          margin-left: -25px;
          background-color: #129CF3;
          border-top-right-radius: 50%;
          border-top-left-radius: 50%;
          border-bottom-right-radius: 50%;
          border-bottom-left-radius: 50%;
      }

      .timeline>li>.timeline-badge>.counteryear {
          color: #FFF;
          font-weight: 900;
      }

      .timeline>li.timeline-inverted>.timeline-panal {
          float: right;
      }

      .timeline-title {
          font-size: 20px;
          font-weight: 700;
          font-family: 'Playfair Display', serif;
      }
/*# sourceMappingURL=/sm/d460690190af8ede56966dea6d902ded9df8fa04ba6dc4f5f92fc096f280443a.map */