main.css

:root {
  --main-color: #146ebe;
  --main-color-ligther: #2d9afb;
  --main-color-gray : #9ca8ba;
  --main-menu-color-hover:#2d9afba6;
}

* {
  font-family: sans-serif;
}
body {
  padding: 0;
  margin: 0;
  background: #efefefef;
}

.btn-primary {
  background: var(--main-color);
  border: 1px solid var(--main-color);
}
.btn-primary:hover {
  background: var(--main-color-ligther);
  border: 1px solid var(--main-color-ligther);
}
.btn-outline-primary {
  border: 1px solid var(--main-color);
  color: var(--main-color);
}
.btn-outline-primary:hover {
  background: var(--main-color-ligther);
  border: 1px solid var(--main-color-ligther);
}
.img-scal {
  height: -webkit-fill-available !important;
}

.container {
  max-width: 80%;
  margin: 0 auto !important;
}

/* login page */

.login {
  display: block;
  width: 500px;
  margin: 50px auto;
  padding: 40px 20px;
  border: 1px solid #2b303626;
  border-radius: 5px;
  background: white;
}
/* login page */


/* signup page */
.content-body {
  min-height: 600px;
} 
.signup {
  display: block;
  width: 500px;
  margin: 50px auto;
  padding: 40px 20px;
  border: 1px solid #2b303626;
  border-radius: 5px;
  background: white;
}
/* login page */