#star-wars{
    position: absolute;
    top: -220rem;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    font-size: 2rem;
    text-align: center;
    font-family: sans-serif;
}

/* a.botao-modo-texto{
    padding:  0 1rem;
    height: 3.25rem; 
} */


.crawl{
    padding-top: 260rem;
    animation: autoscroll 1000s linear;
}

html .starAbout:after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(top,rgba(0,0,0,1), rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,1),rgba(0,0,0,0)100%);
    pointer-events: none;
}

.fade {
    position: fixed;
    width: 100%;
    min-height: 25vh;
    top: 3rem;
    background-image: linear-gradient(0deg, transparent, black 75%);
    z-index: 1;
  }

  .title{
    font-size: 2rem;
  }

  .subtitulo{
    font-size: 1.3;
  }

#aboutStars{
    color: var(--cor-terciaria);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform-origin: 50% 100%;
    transform: perspective(300px) rotateX(10deg);
}

@keyframes autoscroll{
    from{
        margin-top: 28vh;
    }
    to{
        margin-top: -3125rem;
    }
}

@media (max-width: 1080px) {
    .crawl{
        padding-top: 250rem;
        animation: autoscroll 1000s linear;
    }
   
    p {
        font-size: 70%;
    }
    .title{
        font-size: 80%;
      }
      .subtitulo{
        font-size: 80%;
      }
}