:root {
        --default-font: Helvetica, Arial, sans-serif;
        --header-font: sans-serif;
        --para-font: "Times New Roman", Times, serif;
        --background-color: #101a20;
        --default-color: #e7f2f7;
        --header-color: #ffffff;
        --accent-color: #00a9ff;
        --contrast-color: #ffffff;
        --menu-color: #ffffff;
        --menu-hover-color: #1387c1;
        --menu-background-color: #213642;
        
        --bs-border-width: 0;
        --bs-border-style: solid;
        --bs-border-bottom-color: #1387c1;
        --bs-border-radius: 0;
        
        --lg-fs: 2.25rem;
        --md-fs: 1.25rem;
        --sm-fs: 1rem;
    }

    body {
      color: var(--default-color);
      background-color: var(--background-color);
      font-family: var(--default-font);
      }
      
    .navbar-nav .nav-item a, .social-links a {
        font-size: var(--sm-fs)!important;
        line-height: var(--sm-fs);
    }
    
    .poet-menu-mobile .navbar-nav .dropdown-menu .nav-item {
        font-size: var(--sm-fs)!important;
        line-height: var(--sm-fs);
    }
    
    .fs-c {font-size:1.75rem!important;}
    .fs-dc {font-size:1.25rem!important;}
    
     .typed {
          color: var(--accent-color);
          font-weight: 300;
      }
     
    .poet-title {
      font-family: var(--header-font);
      font-size: var(--md-fs);
    }
    
    .poet-menu, .poet-menu-mobile {
      color: var(--default-color);
      background-color: var(--bs-gray-900);
      font-family: var(--header-font);
      font-size: var(--md-fs);
      padding: .5rem;
      border-radius: .75rem;
    }
    
    .nav { background-color: var(--bs-gray-900);}
    
    .nav-btn {
        margin-top: 46px; 
        background-color: var(--background-color);
        box-shadow: none!important;
        border: none!important;
     }
     
     .nav-btn:hover {
        border: none!important;
        box-shadow: none!important;
     }
    
    .nav-item a {
      color: var(--menu-color);
      text-decoration:none;
    }
    
    .nav-item a:hover {
      color: var(--menu-hover-color);
    }
    
    .navbar-toggler-icon { 
        border-color: transparent!important;
        --bs-navbar-toggler-focus-width: 0!important;
    }
    
  
    .bg-offcanvas, .bg-offcanvas:hover, .bg-offcanvas:active, .bg-offcanvas:focus-visible {
        background-color: var(--bs-gray-900) !important;
    }
    
    .offcanvas-backdrop {
        display: none;
        height: 0!important; width: 0!important;
    }
    
    .cur-page {
        color: var(--accent-color) !important;
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-bottom-color) !important; 
    }
    
    .poet-content p {
        font-size: 1.25vw;
        font-weight: 100;
    }
    
    .fl-card {
      background: transparent;
      border-radius: 5px;
      box-shadow: 0 0 10px color-mix(in srgb, var(--default-color), transparent 70%);
      font-size: 1rem;
      font-weight: 200; 
      text-align: center;
      gap: 2px;
    }
 .fl-card i {
    color: var(--accent-color);
 }
 
.scroll-top {
  position: fixed;
  opacity: 100;
  right: 5px;
  bottom: 20px;
  z-index: 99999;
  background-color: var(--accent-color);
  width: 44px;
  height: 44px;
  border-radius: 50px;
  transition: all 0.4s;
}

.scroll-top i {
  font-size: 24px;
  color: var(--contrast-color);
  line-height: 0;
}

.scroll-top:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
  color: var(--contrast-color);
}

.scroll-top.active {
  visibility: visible;
  opacity: 1;
  bottom: 15px;
}

.book-review .p {
    font-family: var(--para-font);   
}

.book-block {
    font-weight: 400;
}

.book-title {
    color: var(--accent-color);
}

a.book-back {
    color: var(--default-color)!important;
    font-size: 1rem;
}

.book-nm {
    margin-top: -10px!important;
}

.book-author {
    text-align:right;
    font-family: var(--default-font);
}

.book-author span {
    margin-top:0; margin-left: auto; font-weight: 100;
}

.book-desc p {
    font-family: var(--default-font);
    text-align: left;
    font-weight: 200;
    font-size: 1rem;
}

.book-cover {
    width: 22vw;
    text-align: center;
    border-radius: 8px;
}

.book-md-cover {
    width: 17vw;
    text-align: center;
    border-radius: 8px;
}

.book-lg-cover {
    width: 16vw;
    text-align: center;
    border-radius: 8px;
}

.poet-menu-wrapper {padding-top: 60px!important;}

.table-custom {
  font-family: var(--para-font);
  pointer-events: none; 
  padding: 0 6px!important;
  --bs-table-bg: transparent;
  --bs-table-color: #fff;
}

.table-sm>:not(caption)>*>* {
    padding: 4!important;
    font-size: small;
}