.logo {
    width: 5rem;
  }
  
  ul {
    padding-left: 1rem;
  }
  
  .company{
    font-weight: 700;
  }
  
  .location, .role, .extra {
    font-weight: 600;
  }
  
  .company, .location {
    color: var(--accent);
  }
  
  /* .role, .extra {
    color: var(--accent);
  } */
  
  .date {
    font-weight: 600;
    color: var(--muted)
  }
  
  h5 {
    color: var(--accent);
  }
  
  .button {
    text-decoration-color: transparent;
  }
  
  @media (max-width: 991.98px) {
    .logo {
      width: 4rem;
    }
  }
  
  @media (max-width: 767.98px) {
    .logo {
      width: 3rem;
    }
  
    .date {
      font-style: italic;
    }
  }