body{
  background-image: linear-gradient(-225deg, #22E1FF 0%, #1D8FE1 48%, #625EB1 100%);
 height: 100vh;
}
.col-md-7{
margin-top: 8% !important;
background-color: white;
padding: 10px;
padding-left: 20px !important;
border-radius: 4%;
/* margin: 0px 12px !important; */
}
li{
  margin: 10px;
}
input[type=button]{
 padding-left: 10px !important;
 margin: 10px;
}
h2{
  margin: 5px !important;
}
h1{
  background-color: #1D8FE1;
  color: white;
  padding-bottom: 5px;
}

footer{
  width: 100%;
  
  text-align: center;
 padding-top: 16px;
 color: white;
 bottom: 0% !important;
}
.container img{
  margin-top: 24px;
  border-radius: 50%;
  width: 62px;
  height: 64px;

  /* display: inline; */
}
@media (max-width: 600px) {
  /* CSS rules go here */
  .container img{
    margin: auto;
    margin-top: 24px;
  }
}