body{
  background-color: #fff;
  box-shadow:
    inset 0 0 50px #fff,     
    inset 20px 0 80px #f0f,   
    inset -20px 0 80px #0ff,  
    inset 20px 0 300px #f0f,  
    inset -20px 0 300px #0ff, 
    0 0 50px #fff,            
    -10px 0 80px #f0f,        
    10px 0 80px #0ff; 
  }
.form{
  min-height: 100%;
  min-width: 50%;
  overflow: auto;
  border-style: double dashed;
  width: 30%;
  margin-left: 25%;
  margin-top: 5%;
  box-shadow:
    inset 0 0 50px #fff,     
    inset 20px 0 80px #f0f,   
    inset -20px 0 80px #0ff,  
    inset 20px 0 300px #f0f,  
    inset -20px 0 300px #0ff, 
    0 0 50px #fff,            
    -10px 0 80px #f0f,        
    10px 0 80px #0ff; 
  }
  .Equivalent{
    max-width: 60%;
    min-width: 60%;
    border-style: inset;
    overflow: auto;
    text-align: center;
    width: 20%;
    margin-left: 20%;
  }
input{
  padding:2%;
  overflow: auto;
  margin-left:18%;
  text-align: center;
  width: 60%;
  }
.label{
  text-align: center;
  font-size: 30px;
  font-family: Fantasy, Copperplate;
  }
  .asp h1{
    font-size: 40px;
    margin: 0;
    padding:0;
    font-family: Copperplate;
  }
button {
  margin: 2%;
  text-decoration: none;
  width: 20%;
  overflow: auto;
  margin-left: 40%;
  padding: 1%;
  border-radius: 20%;
  background-color: white; 
  color: black; 
  border: 2px solid grey;
}

button:hover {
  background-color: #4CAF50;
  color: white;
}
p{
  text-align: center;
  font-size: 30px;
  margin-top: 10%;
  overflow: auto;
  border-radius: 40%;
  background-color: #fff;
  box-shadow:
    0 0 60px 30px #fff,
    0 0 100px 60px #f0f, 
    0 0 140px 90px #0ff;
  }
.asp{
  text-align: center;
  }
  h3{
    font-size: 50px;
  }
  .Equivalent h1{
    color: rgb(20, 255, 44);
    font-size: 60px;
    font-family: Cursive ,Brush Script MT ,Lucida Handwriting;
    padding: 0;
    margin: 0;
  }
.Equivalent h2{
    color: rgb(149, 194, 25);
    font-size: 60px;
    font-family: Cursive ,Brush Script MT ,Lucida Handwriting;
    padding: 0;
    margin: 0;
  }
  .Equivalent h3{
    color: rgb(255, 149, 20);
    font-size: 60px;
    font-family: Cursive ,Brush Script MT ,Lucida Handwriting;
    padding: 0;
    margin: 0;
  }
  .Equivalent h4{
    color: rgb(255, 20, 20);
    font-size: 60px;
    font-family: Cursive ,Brush Script MT ,Lucida Handwriting;
    padding: 0;
    margin: 0;
  }
  .Equivalent h6{
    font-size:40px;
    font-family: Cursive ,Brush Script MT ,Lucida Handwriting;
    padding: 0;
    margin: 0;
    overflow:auto;
  }
  .Equivalent h5{
    color: rgb(255, 20, 20);
    font-size: 40px;
    font-family: Cursive ,Brush Script MT ,Lucida Handwriting;
    padding: 0;
    margin: 0;