style.css

body{
    
   background: linear-gradient(to right, #405658,#64b5f6);
   width: 500px;
   height: 400px;
   border: 3px solid black;
   margin-top: 7%;
   margin-left:32%;
   padding: 50px;
}

.hi{
    font-family:sans-serif;
    font-weight: 500;
    font-size: 50px;
    color:aqua;
    width: 150;
    height: 50px;
    left:20px;
    position: relative;
    left:40px;
    bottom: 20px;
}
#gm{  
    font-family:sans-serif;
    font-weight: 500;
    
   
    position:relative;
    left: 120px;
    bottom :60px;
}
#lk{
    font-family:sans-serif;
    font-weight: 500;
    height: 45px;
    position:relative;
    left: 118px;
    bottom: 60px;
    
}
#pas{
    font-family:sans-serif;
    font-weight: 500;
    position:relative;
    left: 80px;
    bottom:60px;
}
#gen{
    font-family:sans-serif;
    font-weight: 500;
    position:relative;
    left: 60 px;
    bottom:40px;
}
.jk{
    font-family:sans-serif;
    font-weight: 500;
    position: relative;
    left: 190px;
    background: linear-gradient(to top, #71b7e6,#9b5956);

}