html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

.astext {
    color: #9CA3AF
}
.asdiv {
    color: #1F2937
}
p {
  color:  #9CA3AF
}
.btn-as {
    /*margin-top: 1rem; mt-4 */
    background-color: #2563EB; /* bg-blue-600 */
    color: white; /* text-white */
    padding: 0.5rem 1rem; /* px-4 py-2 */
    border-radius: 0.5rem; /* rounded-lg */
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out; /* transition */
}

.btn-as:hover {
        background-color: #3B82F6; /* hover:bg-blue-500 */
}
input {
    background-color: #1F2937;
}