body{
  font-family: "Roboto", serif;
  font-weight: 300;
  font-style: normal;
  text-align: justify;
  }
.girdent{
  font-weight: bold;
background: linear-gradient(45deg, orange,red);
-webkit-background-clip: text;
-moz-background-clip: text;
-ms-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
-ms-text-fill-color: transparent;
}
.splide__slide {
padding: 0 20px;
}
.splide__slide .position-relative {
width: 100%;
max-width: 300px;
margin: 0 auto;
}
.splide__slide .rounded-circle {
width: 60px;
height: 60px;
}
.splide__slide .btn-primary {
background: linear-gradient(to right, rgb(247, 27, 64) 10%, rgb(2, 2, 183));
border: 0;
border-radius: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
.splide__slide {
  padding: 0 10px;
}
.splide__slide .position-relative {
  max-width: 100%;
}
.splide__slide .text-center {
  padding: 10px;
}
.splide__slide .btn-primary {
  padding: 8px 16px;
}
}
.log:hover{
transform:scale(0.8);
transition: transform 2s ease;
}
  #book:hover{
        transform:scale(1.8);
        transition:1s ease;
        cursor:pointer;
  }
  ul li a{
    text-decoration:none;
    color:red;
  }
  /* Dropdown container */

.navbar{
  /* z-index:2000; */
}
.dropdown:hover .dropdown-menu {
  display: block;
  /* Change opacity to make it fade in */
  opacity: 1;
  transform:scale(1.1);
  transition:2s ease;
} 
#head{
  background-image: linear-gradient(to right, orange,red);
}
 
  @media (max-width: 590px) {
    .logo {
      display: none;
    }
  }