Не могу понять почему не работают коды css? до этого все работало, все было хорошо?

никаких опечаток в кодах нету. в HTML <h2 class="intro__suptitle"> Creative Template </h2>. сама надпись появилась. но она никак не реагирует на коды с CSS. не знаю что это может быть.

.intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100vh;
  background: url("../images/intro.jpg") center
  no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  }

  .intro__inner {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
  }



  .intro__title {
    font-size: 150px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    color: white;


  }

   .intro__suptitle {
     font-size: 70px;
     font-family: 'Roboto' sans-serif;
     text-align: center;

   }