@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Montserrat:wght@900&family=Orbitron&family=Playball&family=Poppins:wght@800&family=Tangerine:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Montserrat:wght@900&family=Orbitron&family=Playball&family=Poppins:wght@800&family=Tangerine:wght@700&family=Ubuntu:wght@500&display=swap');


.dog-photo{
    
    transform: rotate(23deg);
    position: relative !important;
    top: 36px;
    left: 25%;
}

@media (max-width:992px){
    .cover_img{
      transform: rotate(337deg);
      position: relative !important;
      bottom: 100px;
      width: 84%;
  }
    }
h1{
    color: white;
    font-weight: bolder;
    font-family: 'Montserrat', sans-serif;
    text-align: start;
    padding-top: 0% !important;
    position: relative;
    bottom: 40%;
}
.div-h1{
    margin-top: 5% !important;
}

.button-download{
    margin-top: 3% !important;
}

.tindog{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 20 !important;
    font-size: 250% !important;
}
.nav-elements{
    margin-left: 30rem !important;
}

.gradient-background {
    background: linear-gradient(300deg, #00bfff, #ff4c68, #ef8172);
    background-size: 180% 180%;
    animation: gradient-animation 18s ease infinite;
  }
  
  @keyframes gradient-animation {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
  h3,h2{
    font-weight: bolder;
    font-family: 'Montserrat', sans-serif;
  }
  .feature-icon{
    color: #e06577;
    font-size: 4em;
  }
  .feature-icon:hover{
    color: #ff4c68;
  }
  /* .font-icon{
    position: relative;
    background-color: white;
  } */
 /* .pricing{
    box-sizing: content-box !important;
 } */
 .dog-line{
  line-height: 2.35;
 }
 .libra{
  background-color: #ff4c68;
  color: white;
 }
 .libra:hover{
  background-color: #f00b2d;
  color: white;
 }
 @media(max-width:992px)and (min-width:772px){
  .nav-elements{
    margin-left: 17rem !important;
  }
}
@media(max-width:772px){
  .nav-elements{
    margin-left: 10rem !important;
  }
}
.love-dogs{
    font-family: "Montserrat";
    font-size: 3.5rem;
    font-weight: 900 !important;
    color: #fff !important;
    line-height: 1.5;
    padding-left: 10%;
}
.test-one{
  margin-left: 21%;
  font-size: 45px;
  color: #fff;
  line-height: 1.5;
}
.dog-img{
  width: 10%;
  margin: 20px;
  border-radius: 100%;
}
.pebble-img{
  margin-left: 42%
}
.tc-img{
  width: 60%;
}
@media(max-width:600px){
  .test-one{
    margin-left: 0;
  }
}
@media(max-width:600px){
  .pebble-img{
    margin-left: 31%;
  }
}