*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
  margin: 0;
  padding: 0;
  background-color: rgb(5, 1, 43); 
  min-height: 100vh;
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; 
  background-image: 
    radial-gradient(at 0% 0%, rgba(81, 45, 168, 0.2) 0px, transparent 50%), 
    radial-gradient(at 100% 100%, rgba(0, 212, 255, 0.15) 0px, transparent 50%),
    radial-gradient(at 50% 50%, rgba(5, 1, 43, 1) 0px, transparent 100%);

  
  will-change: transform;
  transform: translateZ(0); 
  backface-visibility: hidden;
  
  pointer-events: none; 
}  
h1, h2{
    color: #007BFF;
    margin-bottom: 20px;   
     margin: auto;
     justify-content: center;
      align-content: center;
      text-align: center; 
       font-size: 35px;
} 
p{
    color:  beige;
    line-height: 1.6;
}
 div{
    width: 80%;
    margin: auto;
    padding: 20px;
    border-radius: 10px;
     justify-content: center;   
 }
