ol li,
ul li {
  padding: 0rem;
}

header, main, footer {
  padding: 1rem 1rem;
}

nav {
  align-items: right;
  display: flex;
  font-weight: bold;
  justify-content: space-between;
  margin-bottom: 0rem;
}

textarea {
  border: 1px solid var(--color-bg-secondary);
  border-radius: var(--border-radius);
  margin-bottom: 0rem;
  padding: 0.4rem 0.8rem;
}

/* fixes the markdown editor width */


.wideform {
  min-width: 80%;
}


section h1 {
  width: 100%;
  text-align: center;
}


form {
  /* border: none; */
}

/* Button size reduction and style simplification */
a b,
a em,
a i,
a strong,
button,
input[type="submit"] {
    padding: 0.5rem 1rem;  /* Reduced from 1rem 2rem */
    font-size: 0.875rem;   /* Reduced from medium */
    margin: 0.25rem 0;     /* Reduced from 0.5rem 0 */
    border: none;          /* Remove border */
    box-shadow: none;      /* Remove box shadow */
}

/* Adjust link button padding */
a em,
a i {
    padding: 0.5rem 1rem;  /* Match solid buttons */
    border: none;          /* Remove border */
    box-shadow: none;      /* Remove box shadow */
}

/* Keep form submit buttons consistent */

form button[type="submit"] {
    padding: 0.5rem 1rem;
    border: none;
    box-shadow: none;
    /* display: inline; */
}

/* Optional: Adjust height for input elements to match */
input,
select,
textarea {
    padding: 0.4rem 0.8rem;  /* Slightly reduce input padding too */
}

/* Add subtle hover effect */
button:hover,
input[type="submit"]:hover,
a b:hover,
a em:hover,
a i:hover,
a strong:hover {
    /* transform: translateY(-2px);
    transform: translateX(-2px); */
    transform:  scale(1.03);
    transition : transform 0.2s ease;
}

.ill-no_border{

  display: inline;
  border: none; 
  box-shadow: none;
}

footer p { text-align: center; }