@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body{
    font-family: "Montserrat", sans-serif;
    background-color: #020617;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    /* width: 100vw !important; */
    /* overflow-x: hidden; */
}
.animated-text {
    font-size: 1em;
    font-weight: bold;
    background: linear-gradient(to right, rgb(92, 92, 227), rgb(125, 243, 243), rgb(142, 231, 142), rgb(238, 238, 134), rgb(235, 136, 136), rgb(237, 122, 237), rgb(116, 116, 244));
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradientAnimation 5s ease infinite;
}
@media only screen and (max-width: 600px) {

  }
@keyframes gradientAnimation {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.wiggle {
    /* width: 60px;
    height: 60px; */
    display: inline;
    animation: wiggleAnimation 1s ease-in-out infinite;
    margin-bottom: 10px;
    transform-origin: bottom right;
}

@keyframes wiggleAnimation {
    0% { transform: rotate(0deg); }
    5% { transform: rotate(3deg); }
    10% { transform: rotate(6deg); }
    15% { transform: rotate(9deg); }
    20% { transform: rotate(12deg); }
    25% { transform: rotate(15deg); }
    30% { transform: rotate(20deg); }
    35% { transform: rotate(25deg); }
    40% { transform: rotate(30deg); }
    45% { transform: rotate(33deg); }
    50% { transform: rotate(35deg); }
    55% { transform: rotate(33deg); }
    60% { transform: rotate(30deg); }
    65% { transform: rotate(25deg); }
    70% { transform: rotate(20deg); }
    75% { transform: rotate(15deg); }
    80% { transform: rotate(12deg); }
    85% { transform: rotate(9deg); }
    90% { transform: rotate(6deg); }
    95% { transform: rotate(3deg); }
    100% { transform: rotate(0deg); }
}