/* Main menu positionning */
        .main-nav {
          position: absolute;
          top: 0;
          right: 0;
          left: 0;
          bottom: 0;
          text-align: center;
          background: #FFF;
          opacity: 0;
          z-index: -1;
          visibility: hidden;
          transition: all .375s;
        }

        .main-nav.is-open {
          opacity: 1;
          z-index: 100;
          visibility: visible;
        }

        /* Yellow band effect */
        .main-nav::before {
         content: '';
         position: absolute;
         top: 0;
         bottom: 0;
         left: 0;
         right: -15px;
         background: #023F71;
         transform-origin: 0 0;
         transform: skew(-14deg) translateX(-120%);
         transition: all .275s .1s;
       }

       .main-nav.is-open::before {
        transform: skew(-14deg) translateX(0);
      }

      /* Skewing effect on menu links */
      .main-nav ul {
        display: inline-flex;
        flex-direction: column;
        height: 93%; /* Should be 100%, but we have a notice message :D */
        align-items: flex-end;
        justify-content: center;
        transform: translateX(-18%) skew(-16deg);
      }

      .main-nav li {
        display: block;
        margin: .5rem 0;
        text-align: right;
        transform: skew(16deg);
      }

      /* Apparition effect on links */
      .main-nav a {
        opacity: 0;
        transform: translateY(-10px);
      }

      .main-nav.is-open a {
        opacity: 1;
        transform: translateY(0);
      }
      .main-nav li:nth-child(1) a {
        transition: all 275ms 175ms
      }
      .main-nav li:nth-child(2) a {
        transition: all 275ms 225ms
      }
      .main-nav li:nth-child(3) a {
        transition: all 275ms 275ms
      }
      .main-nav li:nth-child(4) a {
        transition: all 275ms 325ms
      }
      .main-nav li:nth-child(5) a {
        transition: all 275ms 375ms
      }


      /* Decoration */
      .main-nav ul,
      .main-nav li {
        list-style: none;
        padding: 0;
      }
      .main-nav a {
        display: block;
        padding: 12px 0;
        color: #fff;
        font-size: 1.4em;
        text-decoration: none;
      }

      .open-main-nav {
        position: absolute;
        top: 15px;
        padding-top: 20px;
        right: 15px;
        z-index: 9999;
        background: none;
        border: 0;
        cursor: pointer;
      }
      .open-main-nav:focus {
        outline: none;
      }
      .burger {
        position: relative;
        display: block;
        width: 48px;
        height: 6px;
        margin: 0 auto;
        background: #fff;
        /*transform: skew(5deg);*/
        transition: all .275s;
      }

      .burger:after,
      .burger:before {
        content: '';
        display: block;
        height: 100%;
        background: #fff;
        transition: all .275s;
      }

      .burger:after {
        transform: translateY(10px) translateX(0px) skew(0deg);
      }

      .burger:before {
        transform: translateY(-15px) skew(-10deg);
      }

      /* Toggle State part */
      .is-open .burger {
        transform: skew(5deg) translateY(-8px) rotate(-45deg);
      }

      .is-open .burger:before {
        transform: translateY(0px) skew(-10deg) rotate(75deg);
      }

      .is-open .burger:after {
        transform: translateY(-12px) translateX(10px) skew(-20deg);
        opacity: 0;
      }

      /* MENU Text part */

      .burger-text {
        display: block;
        font-size: 1rem;
        letter-spacing: .05em;
        margin-top: 2.3em;
        text-transform: uppercase;
        font-weight: 500;
        text-align: center;
        color: #fff;
      }

      .device {
        position: relative;
        width: 345px;
        height: 600px;
        background: #FFF;
        border: 1px solid #EEE;
        border-radius: 3px;
        box-shadow: 0 0 0 10px rgba(0,0,0,.1);
      }



      /* Notice */
      .notice {
        position: absolute;
        bottom: -15px;
        left: 0; right: 0;
        padding: 20px;
        background: #F2F2F2;
        color: #5A3B5D;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        z-index: 100;
        text-align: center;
      }
      .notice strong {
        font-weight: 700;
      }
      .notice a {
        padding: 2px 3px;
        background: #FEDC2A;
        text-decoration: none;
      }
/*
     FILE ARCHIVED ON 17:17:37 Jul 26, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:42:24 Aug 26, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.683
  exclusion.robots: 0.095
  exclusion.robots.policy: 0.084
  esindex: 0.007
  cdx.remote: 25.297
  LoadShardBlock: 179.689 (3)
  PetaboxLoader3.datanode: 297.393 (5)
  PetaboxLoader3.resolve: 435.869 (2)
  load_resource: 580.183
  loaddict: 129.964
*/