body{
    margin: -2px !important;
    padding: -2px !important;
    height: 100vh;
    width: 100vw;
    position: fixed;
    background-color: black;
}

.main-section {
    height: 100%;
    width: 100%;
    position: fixed;
    background-image:
    url("/assets/images/bgthree.png"),
    url("/assets/images/bgtwo.gif"),
    linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), 
    url("/assets/images/bgone.png");

    background-position:center;
    background-size:cover;
}

#message-icon {
    animation: wiggle 1s ease-in-out infinite;
}

@keyframes wiggle {
    0%, 100% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(-10deg);
    }
    50% {
        transform: rotate(10deg);
    }
    75% {
        transform: rotate(-10deg);
    }
}
/* Add this in your global styles file */
.scrollbar-none::-webkit-scrollbar {
    display: none; /* For Chrome, Safari, and Edge */
}

.scrollbar-none {
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    scrollbar-width: none; /* For Firefox */
}