body {
  height: 95vh;
    font-family: sans-serif;
    background: linear-gradient(#ffffff, #ff02ea);
   
  
}
::-webkit-scrollbar {
  background-color: transparent;
  width: 10px;
}

.heading {
  text-align: center;
  margin:20px;
  font-size: 9rem;
  font-weight: 900;

  background: url(https://media.istockphoto.com/id/958989154/photo/ethical-hacking-concept-with-faceless-hooded-male-person.webp?b=1&s=170667a&w=0&k=20&c=BFFjYn2PLXGEnT41zJOGYXMSYhmcErizq995Q0Apk1U=);
  background-size: cover;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.scroll-container {
  margin-left: auto;
    margin-right: auto;
  border: 4px solid rgb(206, 9, 196);
  border-radius: 1em;
  background: rgb(7, 7, 7);
  width: 80vw;
  padding: 30px;
  overflow: hidden;
  overflow-y: scroll;
  color:white;
  box-shadow: 4px 4px 10px violet;
}

.scroll-div {

  height: 40vh;
  background: rgb(7, 7, 7);
  color:white;
}

ul>li{
  padding: 10px;
  margin: 10px;
  font-weight: bold;
  font-size: 2em;
}

::-webkit-scrollbar {
  background-color: transparent;
  width: 10px;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(0deg, rgb(129, 1, 157) 0%, rgb(197, 146, 197) 100%);
  border-radius: 100px;
}