body {
    height: 100%;
    padding: 0px; margin: 0px;
    font-family: Georgia, serif;
    font-size: 14px;
    color: cccccc;
  }
  
  a { color: cccccc; text-decoration: none; }
  a:hover { color: ffffff; text-decoration: line-through; }
  
  h1 {
    z-index: 50;
    padding: 0px; margin: 0px;
    position: relative;
    top: 30px;
    font-family: 'Permanent Marker', cursive;
    font-size: 32px;
    color: ffffff;
    text-shadow:
    -1px -1px 0 #11002b,  
    1px -1px 0 #11002b,
    -1px 1px 0 #11002b,
     1px 1px 0 #11002b;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1ch;
  }

  h2 {
    padding: 0px; margin: 0px;
    font-family: 'Permanent Marker', cursive;
    font-size: 16px;
    color: ffffff;
    text-shadow:
    -1px -1px 0 #11002b,  
    1px -1px 0 #11002b,
    -1px 1px 0 #11002b,
     1px 1px 0 #11002b;
  }
  
  .spin:hover { transform: rotate(360deg); }
  .spin { transition: all 1s ease; }
  
  #background {
    z-index: -1;
    /* background-color: #000000;
    background-image: url("https://dl.dropbox.com/s/a41ojy0tnnqdiz1/20180803234810_1.jpg"); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover !important;
    position: fixed;
    top: -5%; left: -5%;
    height: 110%; width: 110%;
    overflow: none;
    filter: blur(10px);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
  }
  
  .tastywrap {
    background-color: transparent;
    height: 100%; width: 100%;
    position: relative;
    overflow: hidden;
  }
  
  .lettuce {
    background-color: transparent;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    height: 550px; width: 100%;
  }
  
  .mayo {
    background-color: rgba(17,0,43,0.5);
    height: 525px; width: 100%;
  }
  
  .footer {
    color: #11002b;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1ch;
  }
  
  .leftbeef {
    background-color: transparent;
    margin: 10px; padding: 10px;
    height: 96%; width: 93%;
  }

  .salt {
    background: rgba(17,0,43,0.5);
    width: 100%;
    margin: 0 auto;
    padding: 0px;
  }





  /* The Modal (background) */
    .modal {
      display: none;
      position: fixed;
      z-index: 1;
      padding-top: 0px;
      left: 0; top: 0;
      width: 100%; height: 100%;
      overflow: auto;
      background-color: rgba(17,0,43,0.95);
    }

    /* Modal Content */
    .modal-content {
      background-color: transparent;
      margin: auto; padding: 0;
      width: unset;
      max-width: 1200px;
      position: absolute;
      top: 50%; left: 50%;
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
    }

    /* The Close Button */
    .close {
      color: none;
      position: absolute;
      top: 1px; right: 1px;
      height: 99%; width: 100%;
      font-size: 1px;
      overflow: hidden;
      z-index: 50;
    }

    .close:hover,
    .close:focus {
      color: #999;
      text-decoration: none;
      cursor: pointer;
}

    /* Hide the slides by default */
    .mySlides {
      display: none;
    }

    .cap {
      width: 100%;
      margin: 5px; padding 5px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 1ch;
    }