body{
    background-color:hsla(204,70%,14%,1);
    background-image:
    radial-gradient(at 47% 49%, hsla(232,57%,26%,1) 0px, transparent 50%),
    radial-gradient(at 2% 79%, hsla(277,62%,31%,1) 0px, transparent 50%),
    radial-gradient(at 80% 100%, hsla(240,65%,29%,1) 0px, transparent 50%),
    radial-gradient(at 0% 0%, hsla(224,100%,27%,1) 0px, transparent 50%);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
#container{
    background-color: rgba(0, 0, 0, 0.596);
    border-radius: 40px;
    padding: 20px;
    backdrop-filter: blur(5px);
    transition: all ease 1s;
    color: white;
    position: absolute;
    left: 50%;
    top:0%;
    transform: translateX(-50%);
    height: 94%;
    margin-top: 10px;
    width: 98%;
    text-align: center;
    overflow: auto;
}
.Div{
    background-color: rgba(31, 31, 31, 0.500);
    border-radius: 20px;
    padding: 15px;
    margin-bottom: 10px;
}
  .hideI{
    display: none !important;
  }
  .footer{
    background-color: rgba(0, 0, 0, 0.500);
    color: rgba(255, 255, 255, 0.655);
    padding: 10px;
    border-radius: 20px;
    text-align: left;
  }
div::-webkit-scrollbar {
    width: 20px;
  }
  
  div::-webkit-scrollbar-track {
    background-color: white;
    border-radius: 20px;
  }
  
  div::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, #0099ff, #2ee5dc);
    border-radius: 20px;
    border: 5px solid white;
  }
  
  div::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(to bottom, #0d7bc4, #23aaa3);
    border: 3px solid white;
  }
  ::-webkit-scrollbar {
    width: 20px;
  }
  
  ::-webkit-scrollbar-track {
    background-color: white;
    border-radius: 20px;
  }
  
  ::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, #0099ff, #2ee5dc);
    border-radius: 20px;
    border: 5px solid white;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(to bottom, #0d7bc4, #23aaa3);
    border: 3px solid white;
  }
  .button{
    background-color: hsla(0, 0%, 5%, 0.500);
    color: white;
    border-radius: 10px;
    padding: 10px;
    border: none;
    transition: all ease .2s;
    text-decoration: none;
  }
  .button:hover{
    background-color: hsla(0, 0%, 5%, 0.800);
  }