@font-face {
    font-family: Roboto;
    src: url(../Robo-font/Roboto-Regular.ttf);
  }
  
  @font-face {
    font-family: Roboto-Medium;
    src: url(../Robo-font/Roboto-Medium.ttf);
  }
  
  @font-face {
    font-family: Roboto-Bold;
    src: url(../Robo-font/Roboto-Bold.ttf);
  }
  
  @font-face {
    font-family: Roboto-Light;
    src: url(../Robo-font/Roboto-Light.ttf);
  }
  
  
  a:link,
  a:visited {
    color: var(--neutrals-900, #1a202c);
  }
  
  .link:hover {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 6px;
  }
  
  .link-button {
    cursor: pointer;
    z-index: 1;
  }
  
  .link-button:hover {
    box-shadow: 0px 0px 10px 2px white;
  }
  
  .medical-apps {
    margin: 0 auto;
    overflow:visible;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    gap: 5vw;
    font-size: 1.5em;
  }

  @media screen and (max-width: 800px) {
    .medical-apps{
      font-size: 1em;
    }
    
  }