.name {
  color: whitesmoke;
  text-align: center;
  vertical-align: center;
  margin-top: 5rem;
  font-family: "Caveat Brush", cursive;
  font-size: 130px;
 
}

#charging.fa {
  color: whitesmoke;
  font-size: 13rem;
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: -6rem;


}

body {
  background-color: #f3d4bf;
}

.launch {
  color: whitesmoke;
  text-align: center;
  vertical-align: center;
  font-family: "Caveat Brush", cursive;
  font-size: 50px;
}


 /* Extra small devices (portrait phones, less than 576px) */
 @media (min-width: 375px) { 
    .name {
        color: whitesmoke;
        text-align: center;
        vertical-align: center;
        margin-top: 5rem;
        font-family: "Caveat Brush", cursive;
        font-size: 30px;
       
      }

      #charging.fa {
        color: whitesmoke;
        font-size: 6rem;
        display: inline-block;
        width: 100%;
        text-align: center;
        margin-top: -6rem;
  }

  .launch {
    color: whitesmoke;
    text-align: center;
    vertical-align: center;
    font-family: "Caveat Brush", cursive;
    font-size: 30px;
  }
 }
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
    .name {
        color: whitesmoke;
        text-align: center;
        vertical-align: center;
        margin-top: 5rem;
        font-family: "Caveat Brush", cursive;
        font-size: 50px;
       
      }

      #charging.fa {
        color: whitesmoke;
        font-size: 6rem;
        display: inline-block;
        width: 100%;
        text-align: center;
        margin-top: -6rem;
  }

  .launch {
    color: whitesmoke;
    text-align: center;
    vertical-align: center;
    font-family: "Caveat Brush", cursive;
    font-size: 30px;
  }
 }

 /* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    .name {
        color: whitesmoke;
        text-align: center;
        vertical-align: center;
        margin-top: 5rem;
        font-family: "Caveat Brush", cursive;
        font-size: 68px;
       
      }

      #charging.fa {
        color: whitesmoke;
        font-size: 10rem;
        display: inline-block;
        width: 100%;
        text-align: center;
        margin-top: -6rem;
  }

  .launch {
    color: whitesmoke;
    text-align: center;
    vertical-align: center;
    font-family: "Caveat Brush", cursive;
    font-size: 50px;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .name {
        color: whitesmoke;
        text-align: center;
        vertical-align: center;
        margin-top: 5rem;
        font-family: "Caveat Brush", cursive;
        font-size: 130px;
       
      }
      
      #charging.fa {
        color: whitesmoke;
        font-size: 13rem;
        display: inline-block;
        width: 100%;
        text-align: center;
        margin-top: -6rem;
      
      
      }
      
      body {
        background-color: #f3d4bf;
      }
      
      .launch {
        color: whitesmoke;
        text-align: center;
        vertical-align: center;
        font-family: "Caveat Brush", cursive;
        font-size: 50px;
      }
 }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    .name {
        color: whitesmoke;
        text-align: center;
        vertical-align: center;
        margin-top: 5rem;
        font-family: "Caveat Brush", cursive;
        font-size: 130px;
       
      }
      
      #charging.fa {
        color: whitesmoke;
        font-size: 13rem;
        display: inline-block;
        width: 100%;
        text-align: center;
        margin-top: -6rem;
      
      
      }
      
      body {
        background-color: #f3d4bf;
      }
      
      .launch {
        color: whitesmoke;
        text-align: center;
        vertical-align: center;
        font-family: "Caveat Brush", cursive;
        font-size: 50px;
      }
}