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

/* Base Styles */
body {
    font-family: 'Poppins', sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url('/images/nursecontact-login-bg.png') no-repeat, linear-gradient(49deg, rgba(153,61,172,1) 0%, rgba(91,26,105,1) 100%) !important;
    background-repeat: no-repeat, no-repeat;
    background-size: auto 100%, cover !important;
}

@media (min-width: 1024px) {
    body {
        background-size: 100% auto, cover !important;
    }
}

/* Text Alignment */
.registerText {
  text-align: left;
}

.logo {
    flex: 1
}

#LoginButton {
    background-color: #3C0D47;
    border-radius: 5px;
    color: #f4f4f4;
    font-size: 14px;
    padding: 10px 50px;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

#LoginButton:hover {
    background-color: #28062F;
    color: #f4f4f4 !important;
    text-decoration: none !important;
    border: transparent;
}

/* Create Account Button */
#loginAccountCreateBtn {
  background-color: #3C0D47;
  border-radius: 5px;
  color: #f4f4f4;
  font-size: 14px;
  padding: 10px 50px;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

#loginAccountCreateBtn:hover {
  background-color: #28062F;
  color: #f4f4f4 !important;
  text-decoration: none !important;
  border: transparent;
}

/* Media Queries */
@media (min-width: 768px) {
  body {
    background-image: url("../images/top_bar_front_page.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
}

@media (min-width: 992px) {
  .registerText {
    text-align: right;
  }
}