@font-face {
    font-family: 'Lexend Deca Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Lexend Deca Regular'), url('LexendDecaRegular.woff') format('woff');
    }

      html {
        position: relative;
        min-height: 100%;
        padding-bottom:60px;
      }

      body {
           background-image: url('./images/webp/books_background.webp'),url('./images/png/books_background.jpg');
        margin-bottom: 60px;
        font-family:'Lexend Deca Regular';
        font-weight:normal;

      }
      footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 60px;
      }

        /* Slideshow container */
      .slideshow-container {
        max-width: 1920px;
        position: relative;
        margin: auto;
      }
      
      #map {
        height: 300px;
        /* The height is 300 pixels */
        width: 100%;
        /* The width is the width of the web page */
      }
      .checked
      {
        color: gold;
      }

      li.nav-item:hover
      {
        text-decoration: underline ;
        text-decoration-color: #152039;
        text-decoration-thickness: 3px;
      }
      .container{
        max-width: 1600px;
      }

      .exit-intent-popup {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: rgba(33, 33, 33, 0.8);
    transform: translateY(60%) scale(0);
    transition: transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
}

.exit-intent-popup.visible {
    transform: translateY(0) scale(1);
}

.newsletter {
    position: absolute;
    padding: 2em;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Popup-specific styles */
.newsletter {
    background: #FFF;
    padding: 10px;
    border-radius: 3px;
}

.close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    width: 10px;
    height: 10px;
}