body {
  margin: 0;
  padding: 0;
  width: 100vw;
  background-color:black;
}

canvas {

  display:block;
}
  
.para{

  position: absolute;
  top: 1900px;
}

.facts{

  position:absolute;
  font-size:30px;
  color:red;
  top:1000px;
  left:800px;
  
}
/*
.title{

  position: absolute;
  color:rgb(94, 154, 251);
  left: -250px;
  opacity: 100%;
  z-index: 9999;
  top: 450px;
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  rotate: 100px;
  font-size: 40px;
  transform:rotate(-90deg);
  text-decoration-line: underline;
  text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
}*/

.heading{

  opacity: 70%;
 position: absolute;
  margin-bottom: 0px;
  padding-bottom: 0px;
}


.heading svg{

  display: block;
  width: 2000px;
}





.content_heading{

  position: absolute;
  bottom: -200px;
  left: 860px;
  font-size: 20px;
  font-family:Verdana, Geneva, Tahoma, sans-serif;
  text-decoration-line: underline;
  color: rgb(21, 71, 96);
 
}
.intro{
  position: absolute;
  top: 1610px;
  left: 370px;
  width: 450px;
  font-size: 30px;
  transform: translate(-50%, -50%);
  text-align: center;
  color: rgb(61, 178, 214);
  font-family:Verdana, Geneva, Tahoma, sans-serif;
  
}

.intro2{
 
  position: absolute;
  top: 1750px;
  left: 1450px;
  width: 500px;
  font-size: 30px;
  transform: translate(-50%, -50%);
  text-align: center;
  color: rgb(61, 178, 214);
  font-family:Verdana, Geneva, Tahoma, sans-serif;
  
}

.img_intro{

  position: relative;
  top: 1300px;
  opacity: 80%;
}

.img_intro2{

  position: relative;
  top: 900px;
  left: 1100px;
  opacity: 80%;
}
.allContent{

  position: absolute;
  margin: 0;
  padding:0;

}
.name h2{
  background-color: black;
  position: relative;
  color: rgb(147, 200, 171);
  float: left;
  margin-left:5px;
  margin-right:0px;
  margin-bottom:0px;
  margin-top:15px;
  font-size: 45px;
  font-weight:900;
  font-family:fantasy;
}


.laws{

  position: absolute;
  top: 2400px;
  width: 10px;
  padding-left: 20px;
  left: 230px;
  font-size: 30px;
  text-align: center;
  
  font-family:Verdana, Geneva, Tahoma, sans-serif;
 
}

.laws p{

  width: 30px;
  color: rgb(14, 96, 54);
  width: 1200px;
  

}



.laws h4{

  text-decoration: underline;
  color: rgb(21, 71, 96);
}


.buttonClass button{ 
  position:relative;
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  background-color: black;
  color:white;
  padding-right: 40px;
  padding-left: 40px;
  border-color: black;
  float:right;
  text-align: center;
  border-width: 0px;
  margin-top: 15px;
 
}
.buttonClass button:hover{ 
  
  color: orange;
  transition: 0.7s;
 
  
}

.name{
  background-color: black;
  position: relative;
  color: white;
  float: left;
  margin-left:20px;
  font-size: 27px;
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}