body{
  display:flex;
  height: 100vh;
  background: linear-gradient(-45deg, #ef7552,#73e7c3,#23a6d5, #23d5ab);
  background-size: 300% 300%;
  justify-content:center;
  align-items:center;
  animation: gradient 15s ease infinite;
}

.input-group .form-control:last-child{
  height: fit-content;
}

@keyframes gradient{
0%{
  background-position: 0% 50%;
}
50%{
  background-position: 100% 50%;
}
100%{
  background-position: 0% 50%;
}
} 
.fancy{
/* From https://css.glass */
background: rgba(255, 255, 255, 0.57);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5.3px);
-webkit-backdrop-filter: blur(5.3px);
padding-left: 20px;
padding-right: 20px;
width: 45%;
}
.login_panel{
margin-bottom:2px;
}
.form-control{
background-color:#ffffff73 !important
}
form {
background: none;
}

.register{
  padding: 7px;
  margin-top:10px !important; 
}
.Business{
  background: #4d8698;
  border: 0.5px;

}
.Corporate{
  background: #1b333b;
  border: 0.5px;
}
.Business:hover{
  color: orange
}
.Corporate:hover{
  color: green
}
.forgot{
  padding: 4px;
  margin-top:10px;
  margin-bottom: 10px;
}
.loginwith{
text-align-last: center;
margin-bottom: 20px;
}
.loginwith img{ 
margin: 10px;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .fancy{
  width: -webkit-fill-available;
  height: -webkit-fill-available;
  }
  .input-group .form-control:last-child {
      height: 45px
  }
  input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block{
      height: 45px;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .fancy{
      width: 350px;
  }
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .Business{
      height: -webkit-fill-available;
  }
  .Corporare{
    height: -webkit-fill-available;
  }
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .register{
      margin: 0 auto;
      height: -webkit-fill-available;
  }
  .form-control{
      height: 30px
  }
  input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block{
      height: 35px;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .register{
      margin: 0 auto;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  body{
      
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  body{
      
  }
}