body{
  background-image: linear-gradient(to bottom right,#e31919,#e40d83);
    margin: 0;
color:white;
  }
h1 {
  font-family: 'Dancing Script', cursive;
    font-size: 12vh;
    margin-bottom: 10vh;
  }
.weds{
  font-size: 20vh; 
}  
img{
  max-width: 30vw;
 }

/* for smartphones   */                                                    
  @media screen and (max-width: 450px) and (max-height:900px) {
   img{
    max-width: 100vw;
   }
  .result{
    margin-left: 0;
    margin-right: 0;

  }
    .n1{
      
      word-wrap:break-word;
    }
    .n2{
      word-wrap:break-word;
      position:relative;
      top:15vh;
      max-width: 400px;
    }
  input{
    margin-top: 3vh;
  }
   
    .weds{

      position:relative;
      bottom:27vh;
      font-size: 10vh;
      color: rgb(0, 195, 255);
    }
  
  }


  @media screen and (max-width: 740px) and (max-height:300px) {
   
  }
.Predict
{
    margin-top: 10%;
}


.result{
    color:white;
    font-family: 'Arizonia', cursive;
    margin-left: 10%;
    margin-right: 10%;
    background-image:url("images/weds.jpg") ;
}


.result h2{
    margin-top: 5vh;
    font-size: 13vh;
}
.getback{
  margin-top: 5vh;

}


/* created this div to solve the prob created by linear gradient */
.margiin{
  height: 50vh;
}

.conclusion{
  font-size: 7vh;
  font-weight: 400;
  font-family: 'Dancing Script', cursive;
  margin:3vh;
}

/* reserved of conclusion */
h4{
color:rgb(51, 54, 54);
}