.menu-bar {
  padding: 1rem 2rem;
}

.menu-list {
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin: 0;
  padding: 0;
}

.menu-list a {
  color: #002855;
  text-decoration: none;
  font-family: sans-serif;
  font-size: 1rem;
  font-weight: bold;
  position: relative;
  padding-bottom: 0.5rem;
}

.menu-list a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #002855;
  transition: width 0.3s ease;
}

.menu-list a:hover::after {
  width: 100%;
}

@media (max-width: 600px) {
  .menu-bar {
    padding: 0.75rem 1rem;
  }
  .menu-list{
    gap: 1rem;
  }
  .menu-list a{
    font-size: 0.85rem;
  }
}

@media (max-width: 400px) {
   .menu-list{
    gap: 0.75rem;
  }
  .menu-list a{
    font-size: 0.75rem;
}
}

<nav class="menu-bar">
  <ul class="menu-list">
    <li><a href="https://give.wvu.edu/campaign/830698/donate">HOME</a></li>
    <li><a href="https://give.wvu.edu/campaign/834600/donate">EVENT INFO</a></li>
    <li><a href="https://give.wvu.edu/campaign/834968/donate">ABOUT BETTY</a></li>
  </ul>
</nav>

.scroll-container {
  width:100%;
  overflow: hidden;/*hides overflow text*/
  white-space:nowrap;/*won't wrap to new line*/
  background:#FFABD1;
  color:#ffffff;
  padding: 15px 0;
  font-family: sans-serif;
  font-size: 1.2rem;
  box-sizing: border-box;
}

.scroll-text{
display: inline-flex;
white-space: nowrap; 
animation:scroll-left 30s linear infinite;
}

/*should now pause on hover*/
.scroll-text:hover {
  animation-play-state: paused;
}
/* ani logic*/
@keyframes scroll-left {
  0% {
    transform:translateX(0%);
  }
100% {transform: translateX(-50%);/* moves half the width */
  }
}

  <div class="scroll-container">
<div class="scroll-text">
<span> • SATURDAY, OCTOBER 31st, 2026   • MOUNTAINEER FIELD AT MILAN PUSKAR STADIUM</span>
<span> • SATURDAY, OCTOBER 31st, 2026   • MOUNTAINEER FIELD AT MILAN PUSKAR STADIUM</span>  
<span> • SATURDAY, OCTOBER 31st, 2026   • MOUNTAINEER FIELD AT MILAN PUSKAR STADIUM</span>  
<span> • SATURDAY, OCTOBER 31st, 2026   • MOUNTAINEER FIELD AT MILAN PUSKAR STADIUM</span>  
</div>
  </div>

<h1><span style="color: rgb(240, 103, 166)">Presented by Gilead Oncology</span></h1>

<p><span style="font-size: 18px">The event includes the annual survivor photo (now on-field!), sweepstakes raffles, FREE t-shirts and other special giveaways, meet-and-greets, and special children’s activities, including inflatables and a table-or-treat! We encourage kids to don their trick-or-treat costumes for the occasion and invite our adult guests to wear pink with a spirit of fun – think pink tule skirt or sparkly headpiece! A number of vendors, services, and care providers will be on hand, including the Monongalia County Health Department.</span></p>

.card {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #ffffff;
  border-radius: 20px; /*rounded corners*/
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  overflow: hidden;
  max-width: 600px;
  max-height: 600px;
  margin: 5px auto;
}

.card-image{
  width: 50%;
  height: 100%;
  object-fit: cover;
}

.card-content {
  padding: 15px;
  width: 50%;
}

.card-content h2{
  margin-top: 0;
  margin-bottom: 10px;
  color: #002855
}

.card-content p {
  margin: 0;
  margin-bottom: 5px;
  color: #002855;
  line-height: 1;
  font-size: 0.85em;
}

<div class="card">
  <img src="https://wvuf.widen.net/content/cc7m9ro3au/png/Betty%20Puskar.png" alt="image of Betty" class="card-image" />
  <div class="card-content">
     <p>Event proceeds benefit the WVU Cancer Institute Betty Puskar Breast Care Enhancement Fund. Event admission is free thanks to our sponsors. However, donations are welcome. Interested sponsors should contact Stephanie McCandless at SMcCandless&#64;wvuf.org for information.</p>
</div>
</div>

.card {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #ffffff;
  border-radius: 20px; /*rounded corners*/
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  overflow: hidden;
  max-width: 600px;
  max-height: 600px;
  margin: 5px auto;
}

.card-image{
  width: 50%;
  height: 100%;
  object-fit: cover;
}

.card-content {
  padding: 15px;
  width: 50%;
}

.card-content h2{
  margin-top: 0;
  margin-bottom: 10px;
  color: #002855
}

.card-content p {
  margin: 0;
  margin-bottom: 5px;
  color: #002855;
  line-height: 1;
  font-size: 0.9em;
}

<div class="card">
  <img src="https://wvuf.widen.net/content/ahnzaivbhg/png/Breast%20Cancer%20Walk%202025%201-960x640.png" alt="walkers" class="card-image" />
  <div class="card-content">
     <p>Parking for this event is located in the Silver Lots at the end of the stadium opposite the hospital. Please access the Silver Lots via 1 Ira Errett Rodgers Dr, Morgantown, WV 26505, as if you are visiting WVU Athletics’ Caperton Indoor Facility. Volunteers and signage will guide you upon arrival.</p>
</div>
</div>

<h2><span style="color: rgb(240, 103, 166); font-family: var(--theme-font__font-family--heading); font-size: var(--theme-font__heading-md--font-size); font-weight: var(--theme-font__heading-md--font-weight); line-height: var(--theme-font__heading-md--line-height)">EVENT AGENDA</span></h2>

.rounded-bg{
  display: inline-block;
  background-color: #F067A6;
  color: #FFFF;
  padding: 6px 14px;
  font-family: sans-serif;
  font-size: 1.1rem;
  border-radius: 4px;
}

<h1 class="rounded-bg">
9 am – Registration, breakfast, exhibits/vendors, activities/games for kids and adults open</h1>
<br /><br /><h1 class="rounded-bg">
10 am – Survivor group photo on field</h1>
<br /><br /><h1 class="rounded-bg">
10:15 am – Live musical performance and Walk kick off remarks</h1>
<br /><br /><h1 class="rounded-bg">
10:30 am – Walk commences</h1>
<br /><br /><h1 class="rounded-bg">
11:00 am – Event wrap-up</h1>


<h2><span style="color: rgb(240, 103, 166); font-family: var(--theme-font__font-family--heading); font-size: var(--theme-font__heading-md--font-size); font-weight: var(--theme-font__heading-md--font-weight); line-height: var(--theme-font__heading-md--line-height)">Parking Information</span></h2>

<p><span style="font-size: 18px">Parking for this event is available in the Silver Lots at the end of the stadium opposite/furthest from the hospital. Please access the Silver Lots via 1 Ira Errett Rodgers Dr, Morgantown, WV 26505, as if you are visiting WVU Athletics&#039; Caperton Indoor Facility. Signage will guide you to enter the field via the home team tunnel upon arrival.</span></p>

<h2><span style="color: rgb(240, 103, 166); font-family: var(--theme-font__font-family--heading); font-size: var(--theme-font__heading-md--font-size); font-weight: var(--theme-font__heading-md--font-weight); line-height: var(--theme-font__heading-md--line-height)">PRESENTING SPONSORS</span></h2>