@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100..900;1,100..900&family=Yellowtail&display=swap');

body {
    
       font-family: "Roboto", sans-serif;
  font-style: normal;
  font-optical-sizing: auto; /* optional, ignore warning if needed */
}


.josefin {
    font-family: "Josefin Sans", sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
}
.yellowtail {
  font-family: "Yellowtail", cursive;
  font-style: normal;
  font-optical-sizing: auto;
}


 body {
        scroll-behavior: smooth;
        overflow-x: hidden;
    }
    header {
        transition: 0.4s ease-in-out;
    }
    .fixed-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #000000cc;
        backdrop-filter: blur(10px);
        z-index: 999;
        
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    }
  .books-slider.owl-carousel .owl-stage-outer{
      overflow:visible !important;
  }