@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

body{
    font-family: "crimson Pro", sans-serif;
    font-optical-sizing: auto;
}

.big-text{
    font-family: "Crimson Pro",
    serif;font-weight: 700
}

.scroll-parent {
    position: relative;
    width: 100%;
    height: 150px;
    overflow-x: hidden;
  }
  
  .scroll-element {
    width: inherit;
    height: inherit;
    position: absolute;
    left: 0%;
    top: 0%;
    animation: primary 10s linear infinite;
  }

.primary {
    animation: primary 10s linear infinite;
  }
  
  .secondary {
    animation: secondary 10s linear infinite;
  }
  
  @keyframes primary {
    from {
      left: 0%;
    }
    to {
      left: -100%;
    }
  }
  
  @keyframes secondary {
    from {
      left: 100%;
    }
    to {
      left: 0%;
    }
  }