.btn {
  border: 5px solid darkorchid;
  background-color: azure;
  color: black;
  padding: 12px 30px;
  font-size: 18px;
  cursor: pointer;
}
body::after {
 content: ''; 
 position: fixed; 
 top: 0px; 
 right: 0px; 
 bottom: 0px; 
 left: 0px; 
 background: url("2000book/wateark.jpg"); 
 opacity: 0.3; 
 pointer-events: none; 
 }

 .text-green {
     color: greenyellow;
 }
 .text-red {
     color: red;
 }
 .text-blue {
     color: cyan;
 }
 .text-yellow {
     color: yellow;
 }
 .text-white {
     color: whitesmoke;
 }
  .next {
  border: 5px solid black;
  background-color: darkcyan;
  color: black;
  padding: 12px 30px;
  font-size: 14px;
  cursor: pointer;
}   
  .back {
  border: 5px solid black;
  background-color: darkgrey;
  color: black;
  padding: 12px 30px;
  font-size: 14px;
  cursor: pointer;
}   
.btn1 {
  border: 5px solid darkblue;
  background-color: antiquewhite;
  color: black;
  padding: 12px 30px;
  font-size: 18px;
  cursor: pointer;
}   
  .bot {
    border: 10px solid #A9A9A9;
    background-color: #082032;
    color: #A9A9A9;
    padding: 10px;
  }
  .bot1 {
    border: 5px solid lawngreen;
    background-color: #082032;
    color: #A9A9A9;
    padding: 10px;
  }
  .border1 {
    border: 10px solid #A9A9A9;
    background-color: #082032;
    color: #A9A9A9;
    padding: 10px;
  }
  .border2 {
    background-color: #082032;
    color: #A9A9A9;
    padding: 10px;
  }
  .border3 {
    border: 10px solid #A9A9A9;
    background-color: #white;
    color: #black;
    padding: 10px;
  }
  #bg-text
{
    color:lightgrey;
    font-size:120px;
    transform:rotate(300deg);
    -webkit-transform:rotate(300deg);
}
.wm1 {
    position: fixed;
    top: center;
    right: center;
    bottom: 550px;
    left: 50px;
    color: lightblue;
    transform: rotate(300deg);
    opacity: 0.5;
    font-size: 50px;
    pointer-events: none;
}
.wm2 {
    position: fixed;
    top: center;
    right: center;
    bottom: 350px;
    left: 50px;
    color: lightblue;
    transform: rotate(300deg);
    opacity: 0.5;
    font-size: 50px;
    pointer-events: none;
}
.wm3 {
    position: fixed;
    top: center;
    right: center;
    bottom: 150px;
    left: 50px;
    color: lightblue;
    transform: rotate(300deg);
    opacity: 0.5;
    font-size: 50px;
    pointer-events: none;
}
.wm4 {
    position: fixed;
    top: center;
    right: center;
    bottom: -50px;
    left: 50px;
    color: lightblue;
    transform: rotate(300deg);
    opacity: 0.5;
    font-size: 50px;
    pointer-events: none;
}
.wm5 {
    position: fixed;
    top: center;
    right: center;
    bottom: 750px;
    left: 50px;
    color: lightblue;
    transform: rotate(300deg);
    opacity: 0.5;
    font-size: 50px;
    pointer-events: none;
}