/* Common Styles */
*{
    margin:0;
    padding:0;
    box-sizing: border-box;
    outline: none;
    text-decoration: none;
    list-style-type: none;
    font-family: 'Baloo Da 2', cursive;
}

html{
  font-size: 62.5%;
  scroll-behavior: smooth;
}

.banner-paragraph {
    font-size: 10rem;
    font-weight: 400;
    text-transform: uppercase;
    color: black;
    background-color: white;
    width: 100%;
    display: flex;
    justify-content: center;
    margin:  0 auto 4rem auto;
    padding-left: 30rem;
}

/* Responsive */

@media(max-width: 500px){
  html{
    font-size: 30%;
  }

  .banner-paragraph {
    font-size: 5rem;
    font-weight: 400;
    text-transform: uppercase;
    color: black;
    background-color: white;
    width: 100%;
    display: flex;
    justify-content: center;
    margin:  0 auto 4rem auto;
    padding-left: 15rem;
}
/* End of Responsive */