body::-webkit-scrollbar {
    width: 5px;
    background:#FF6347;


  }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in-up {
  animation: fadeInUp 1s ease-out forwards;
}

  body::-webkit-scrollbar-thumb {
    background: #4B0082; 
    border-radius: 10px;


  }

#card-header{
    background: #FF6347;
    color: white;
    padding-top: 4px; 
    padding-bottom:1px;
    
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    font-family: "Fira Sans", sans-serif;
  
   
}
#btn-success{
    background-color: #4B0082;
    color: white;
    border: #4B0082;
}
#modal-header{
    background: #FF6347;
    color: white;
    padding-top: 4px; 
    padding-bottom:1px;
   
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    font-family: "Fira Sans", sans-serif;
  
   
}
#card{
    padding: 0%;
    margin: 0%;
    font-family: "Fira Sans", sans-serif;
    font-size: 14px;
    color: #FF6347;
-webkit-box-shadow: 0px 0px 2px 1px rgba(32,95,48,255);
  -moz-box-shadow: 0px 0px 2px 1px rgba(32,95,48,255);
  box-shadow: 0px 0px 2px 1px rgba(32,95,48,255);
 
}
  .padre:hover .hijo {
  color: #4B0082;

  }
   .padre:hover .hijo1 {
  color: white;

  }
  html {
  scroll-behavior: smooth;
}