/* Text animation ketik  */
    /*HTML  <span class="txt-type" data-wait="3000" data-words='["Love", "Hate", "Pain",
    "Joy", "Fun", "Adventures"]'></span> */
    .txt-type > .txt {
      border-right: 0.2rem solid #777;
    }

  @media(min-width: 1200px) {
      h1 {
        font-size: 3rem;
      }
    }

    @media(max-width: 800px) {
      .container {
        padding: 0 1rem;
      }

      h1 {
        font-size: 4rem;
      }
    }

    @media(max-width: 500px) {
      h1 {
        font-size: 2.5rem;
      }

      h2 {
        font-size: 1.5rem;
      }
    }
    
    /*animation floating*/
.floating {  
    animation-name: floating;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 0px;
    margin-top: 0px;
}
  
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    100%   { transform: translate(0, -0px); }    
}




.sans {
    font-family: "Public Sans", sans-serif;
}

.tiktoksans {
    font-family: "Tiktok Sans", sans-serif;
}

.logo1 {
    font-family: "Croissant One", sans-serif;
    color: #424b52;
}

[data-pc-theme=dark] .logo1 {
    color: #d4cfcf;
}

[data-pc-sidebar-theme=dark] .logo1 {
    color: #d4cfcf;
}

.card-headerr {
    font-family: "Roboto Slab", sans-serif;
}

.modal-headerr {
    font-family: "Roboto Slab", sans-serif;
}