body{
   background-image: url('bg.webp') !important;
    background-size: cover;
    width:100%;
    height:100%;
}
form{
  width:40%;
  margin:auto;
  margin-top:12rem;
  padding:1rem;
  background:#15202b;
  color:White;
  border:2px solid #1000;
}
.btn{
  border-radius:0 !important;
}
.form-control{
  border-radius:0 !important;
}
.top{
    background: linear-gradient(119.54deg,#04aa6d 0,#04aa6d 100%);
    color: white;
    font-weight: bold;
    text-align: center;
    width: 40%;
    margin: auto;
    position: relative;
    top: 12rem;
    padding: 1rem;
    border-top-left-radius: 2%;
    border-top-right-radius: 2%;
}
.btn-primary{
    background: linear-gradient(119.54deg,#04aa6d 0,#04aa6d 100%);
  border:1px solid #000 !important;
  width:35% !important;
}
label {
    display: inline-block;
    margin-bottom: 0.5rem;
    font-size: 13px;
}
@media (max-width: 780px) {

  form{
    width:90%;
  }
  .top{
    width:90%;
    font-size:16px;
  }
  label{
    font-size:12px;
  }
}