
html {
    scroll-behavior: smooth;
    overflow-y: scroll;
    
}

html::-webkit-scrollbar {
    display: none;
}

body {
    background-color: rgb(0, 0, 0, 0.8);
    margin: 0;
    height: 100vh;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.isComingSoon {
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img{
    width: 70%;
    
}

h1{
    font-size: 72px;
    animation: blink 7s infinite;
    text-align: center;
}

.blinkingText{

}


@keyframes blink {
    0% {
        color: rgb(212,237,119,1);
        opacity: 1; 
    }
    5% {
        color: rgb(212,237,119,1);
        opacity: 0.95;
    }   
    10% {
        color: rgb(247,138,76,1);
        opacity: 0.9;
    }
    15% {
        color: rgb(247,138,76,1);
        opacity: 0.85;
    }
    20% {
        color: rgb(255,211,49,1);
        opacity: 0.8;
    }
    25% {
        color: rgb(160,240,253,1);
        opacity: 0.75;
    }
    30% {
        color: rgb(102,160,209, 1);
        opacity: 0.7;
    }
    35% {
        color: rgb(135,50,248, 1);
        opacity: 0.65;
    }
    40% {
        color: rgb(203,74,116,1);
        opacity: 0.6;
    }
    45% {
        color: rgb(246,78,133,1);
        opacity: 0.55;
    }
    50% {
        color: rgb(246,78,133,1);
        opacity: 0.5;
    }
    55% {
        color: rgb(246,78,133,1);
        opacity: 0.55;
    }
    60% {
        color: rgb(203,74,116,1);
        opacity: 0.6;
    }
    65% {
        color: rgb(135,50,248, 1);
        opacity: 0.65;
    }
    70% {
        color: rgb(102,160,209, 1);
        opacity: 0.7;
    }
    75% {
        color: rgb(160,240,253,1);
        opacity: 0.75;
    }
    80% {
        color: rgb(255,211,49,1);
        opacity: 0.8;
    }
    85% {
        color: rgb(247,138,76,1);
        opacity: 0.85;
    }
    90% {
        color: rgb(247,138,76,1);
        opacity: 0.9;
    }
    
    95% {
        color: rgb(212,237,119,1);
        opacity: 0.95;
    }
    100% {
        color: rgb(212,237,119,1);
        opacity: 1;
    }       
}