.hero-logo {
    -webkit-filter: drop-shadow(0px 0px 5px #0000005e);
    filter: drop-shadow(0px 0px 5px #0000005e)
}

.hero-bottom-image{
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

.animate-pricing{
    scale: 1.5;
    animation: rotate 1.5s infinite linear;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

html {
scroll-behavior: smooth;
}



#tilt {
  display: block;
  max-height: 320px;
  max-width: 600px;
  background-color: grey;
  margin: 0 auto;
  transition: box-shadow 0.1s, transform 0.1s;
  
  background-image: url(../assets/images/about-image.webp);
  background-size: 100%;
  background-repeat: no-repeat;
}

#tilt:hover {
  box-shadow: 0px 0px 30px rgba(0,0,0, 0.6);
  cursor: pointer;
}
.saturn {
 filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(21deg) brightness(97%) contrast(103%);
}