/* src/styles.scss */
.content {
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 400;
  display: block;
  position: absolute;
  top: 150px;
  left: 30px;
}
.notification {
  font-family: Roboto, sans-serif;
  padding: 20px;
  margin-bottom: 40px;
  background-color: #E1EFFF;
  font-size: 18px;
  font-weight: 100;
  display: block;
}
.content .title {
  background:
    linear-gradient(
      90deg,
      rgb(101, 0, 48) 86.5%,
      rgb(152, 26, 40) 86.5%,
      rgb(152, 26, 40) 89.5%,
      rgb(203, 52, 32) 89.5%,
      rgb(203, 52, 32) 94%,
      rgb(255, 79, 23) 94%);
  padding: 100px 30px 0px 30px;
  color: white;
  display: block;
  font-family:
    PublicoBannerLight,
    Roboto,
    sans-serif;
  font-size: 38px;
  font-weight: 300;
  position: absolute;
  width: 520px;
  height: 300px;
}
.content .title button {
  background-color: white;
  margin-top: 30px;
  padding: 12px 34px 12px 32px;
  text-align: center;
  display: block;
  font-family:
    PublicoBannerLight,
    Roboto,
    sans-serif;
  font-size: 1rem;
  font-weight: 100;
  border-style: none;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  color: #650030;
}
.content .title button:focus {
  box-shadow: inset 2px 5px 5px rgba(0, 0, 0, 0.5);
  background-color: #CECECE;
  font-weight: 600;
  cursor: wait;
  padding: 12px 32px 12px 32px;
}
.content .title button:hover {
  font-weight: 600;
  padding: 12px 32px 12px 32px;
  background-color: #CECECE;
}
.content .description {
  color: rgb(34, 34, 34);
  display: block;
  font-family:
    PublicoBannerLight,
    Roboto,
    sans-serif;
  font-size: 20px;
  font-weight: 100;
  position: absolute;
  left: 620px;
  top: 30px;
  width: 600px;
  height: 300px;
}
.logo {
  background-image: url(/assets/img/LincSmart-Lockup-Rebrand-Logo.jpg);
  background-size: cover;
  display: block;
  position: absolute;
  width: 450px;
  height: 99px;
  top: 30px;
  left: 50px;
}
.register {
  opacity: 7%;
  display: block;
  position: absolute;
  z-index: -1;
  width: 300px;
  height: 300px;
  top: 150px;
  left: 40%;
}

/* angular:styles/global:styles */