@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');

*{
     font-family: "EB Garamond", serif;
     font-style: normal;
}
main{
    background-color: white;
    width: 100vw;
    height: auto;
    z-index: 1;
    padding: 15vh 2.5vw 15vh 2.5vw;
}


h2{
    font-size: var(--fs-2xl);
    margin-top: clamp(1rem, 2vh, 3rem);
    color:  #002FA7; 
}

.main-content ul{
    list-style-type: upper-roman;
    margin-left: 5%;
}

.main-content li a{
    text-decoration: underline;
    text-decoration-thickness: 0.05rem;
    text-underline-offset: 4px;
    color: black;
    cursor: none;
}
ul li{
    margin: 0 0 0.5rem 0;
}

.main-content {
  width: 100%;
  max-width: 40rem; /* desktop cap (~640px) */
  padding: 0 1rem; /* horizontal padding for mobile */
  box-sizing: border-box;
}

@media (max-width: 1024px), (max-height: 900px) {
  .main-content {
    max-width: 100%; /* never cap on tablets/phones */
  }
}