*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
html,body{
   
   height: 100%;
}
.container{
    
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    margin-top: 100px;
    
}
.forminput,.bmiimg{
   
    width: 100%;
    height: 500px;
   
   
}
.forminput{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
}
.forminput label{
    align-self: flex-start;
    margin-left: 30px;
    
}
.forminput input{
   width: 70%;
   margin-right: auto;
   border: 2px solid blue;
   margin-left: 30px;

}
.forminput .result{
   align-self: flex-start;
   margin-left: 20px;
   font-weight: bold;
  
}
.bmiimg{
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.bmiimg img{
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
@media only screen and (max-width: 770px) {
    .container{
        flex-wrap: wrap;
        margin-left: 30px;
    }
    .img{
        display: block;
        margin: 0 auto;
        scale: 0.50;
    }
  }