@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  h1 {
    @apply text-6xl;
  }
  h2 {
    @apply text-xl;
  }

  a {
    @apply text-sky-500 hover:text-sky-600 underline;
  }

  a:visited {
    @apply text-purple-600 
  }
}

@layer components {
  .btn-blue {
    @apply bg-blue-500 hover:bg-blue-700 text-black font-bold py-5 px-8 rounded;
  }

.header {
    margin-bottom: 2rem;
}
@media (min-width: 768px) {
    .mt-md-5 {
        margin-top: 2rem!important;
    }
}

.header-body {
    border-bottom: 1px solid #e3ebf6;
    padding-bottom: 1.5rem;
    font-size: 1.625rem;
    color: #023047 !important;
    margin-bottom: 2rem;
}

.eye-icon{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("./images/ic_show_pwd_insights_red.svg") no-repeat;
    background-size: 100%;
    cursor: pointer;
  }
  .header-title {
    font-size: 1.625rem;
    color: #023047 !important;
  }

  body {
  color: rgb(51 51 51);
}

#responsive-image {  width: 100%;  height: auto; }