@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@500;700;900&display=swap");

body {
  background: grey;
  margin: 0px;
  padding: 0px;
}

.full {
  width: 100%;
  height: auto;
  background: grey;
}

.co {
  background: url("img/D20_Micrometer_BW.jpg");
  border-radius: 10px;
  padding: 20px 0px 50px 0px;
  background-size: cover;
  background-position: center;
}

.logo {
  text-align: center;
  margin-bottom: 50px;
}
.logo img {
  width: 200px;
}

h1 {
  text-align: center;
  font-weight: 800;
  margin-bottom: 70px;
  font-family: poppins;
}
h4 {
  text-align: center;
}

.error_msg {
  color: red;
  font-size: 1rem;
  text-align: center;
  margin-bottom: 1rem;
}

.form-control {
  width: 100%;
  height: 50px;
  border-radius: 10px !important;
  font-size: 1rem;
  color: #495057;
  background-color: #fff;
  border: 2px solid #005aff;
}

.main-btn {
  width: 200px;
  height: 50px;
  font-family: poppins;
  font-weight: bold;
  letter-spacing: 2px;
  font-size: 18px;
  border: none;
  border-color: #005aff;
  cursor: pointer;
  color: #fff;
  background: #005aff;
  border-radius: 20px;
}

.main-btn:hover {
  background: #00ccff;
  border: solid;
  border-color: #005aff;
}

/*===== Mobile, tab and medium & small device =====*/
@media screen and (max-width: 768px) {
  /*===== start Mobile css =====*/
  .full {
    width: 95%;
    margin: 0px auto;
  }
  h1 {
    font-size: 36px;
    margin-bottom: 40px;
  }
}