@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-left: 5vw;
}

main div.TitleWrapper{
    color: #002FA7;
    height: auto;
    width: 80vw;
    margin-top: 35vh;
}
h1.NAME {
    font-weight: 500;
    font-size: 25vh;
    transform: scale(0.4, 1.3);
    margin-left: -23vw;
    width: 80vw;
}

h2, h3{
    font-size: 1.15rem;
    width: 80%;
}

main {
  position: relative; /* so the overlay can absolutely cover it */
  z-index: 0;
}

.blurry-text { 
    color: #002FA7; 
    text-shadow: 0 0 0.6em #002FA7;  /* subtle glow */ 
     animation: blurLoop 6s ease-in-out infinite alternate; 
}

@keyframes blurLoop { 0% { 
    filter: blur(0.25em); /* lighter blur */ 
    opacity: 0.85; /* stays quite visible */ 
} 100% { 
    filter: blur(0); /* sharp */ 
    opacity: 1; /* fully solid */ } 
}