hunk.code_window: import {
     Alert,
     Col,
     Container,
     Navbar,
     NavItem,
     NavbarBrand,
     Progress,
     Row,
   } from 'reactstrap';
   // Display Elements
  
hunk.labels: keep keep keep keep replace replace replace keep keep keep keep keep
hunk.file_path: local/client/src/WebClient.js
hunk.type: replace
file: /**
   * Palette:
   * - Black: #101620
   * - Gray: #768096
   * - Light gray: #E6E9EF
   * - Ultralight gray: #F0F3F9
   * - Accent red: #F63366
   * - Accent yellow: #FFFD80
   * - Accent blue: #2979E9
   */
  body {
    font-family: 'IBM Plex Sans', sans-serif;
    color: #101620;
    font-size: 17px;
  }
  
  a,
  a:visited {
    color: #F63366;
  }
  
  a:hover,
  a:active {
    color: #F63366;
    text-decoration: underline;
  }
  
  h1, .h1 {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 700;
    font-size: 2.5rem;
    margin: 2.5rem 0 0 0;
  }
  
  h2, .h2 {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 300;
    font-size: 2.0rem;
    margin: 1rem 0 0 0;
  }
  
  h3, .h3 {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    margin: 1rem 0 0 0;
  }
  
  h4, .h4 {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 500;
    font-size: 1.25rem;
    margin: 0.25rem 0 0 0;
  }
  
  h5, .h5 {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 300;
    font-size: 1.25rem;
    margin: 0.25rem 0 0 0;
  }
  
  h6, .h6 {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 300;
    font-size: 1rem;
    text-transform: uppercase;
    margin: 0;
  }
  
  .navbar {
    border-top: 2px solid #FFFD80;
    border-image: linear-gradient(90deg, #F63366, #FFFD80) 1;
  }
  
  .navbar-brand {
    color: #101620;
    font-weight: 700;
    background: white;
    box-shadow: 0 0 10px white;
    padding: 0 1rem;
    margin-left: -1rem;
  }
  
  .navbar-brand:hover {
    color: #F63366;
  }
  
  .nav-item {
    list-style: none;
  }
  
  .streamlit-container {
    margin-top: 80px;
  }
  
  .streamlit-container .element-container {
    display: inline-block;
    margin-bottom: 1rem;
  }
  
  .streamlit-container .footer {
    height: 25px;
  }
  
  .progress {
    background-color: #E6E9EF;
  }
  
  .progress-bar {
    background-color: #2979E9;
  }
  