body {
    transition: opacity 0.5s ease;
    animation: fadeInDown 0.5s ease;
  
  }
  
  
  @keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
  }
  
  .contentbody {
    margin-right: auto;
    margin-left: auto;
    /* max-width: 1600px; */
  }
  
  .footer-body {
    display: grid;
  }
  
  #alertMessage {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transform: translateY(100%);
    transition: opacity 0.5s, transform 0.5s;
    z-index: 10;
  }
  
  #logo {
    padding: 0%;
    padding-right: 20px;
    padding-left: 25px;
  }
  
  .navbar-select-tab {
    background-color: rgba(128, 128, 128, 0.2);
    border-radius: 10px;
}

  #alertMessage:last-of-type {
    display: none;
  }
  
  .hover-zoom {
    width: 100%;
    height: auto;
    transition: transform 0.3s;
    transform-origin: center center;
  }
  
  .hover-zoom:hover {
    transform: scale(1.1);
  }
  
  ::-webkit-scrollbar {
    width: 3px;
  }
  
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  
  ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }