.oxanium {font-family: "oxanium", sans-serif;
font-weight: 400;
font-style: normal;
}

.abnes {font-family: "abnes", sans-serif;
font-weight: 400;
font-style: normal;}



/*defaults*/

* { 
    animation:rwdcur82330 0.5s linear infinite forwards;
    margin: 0;
    padding:0;
    color:white;
    font-size: 20px;
    font-family: "oxanium";


  cursor: url('https://cdn.cursors-4u.net/previews/dark-blue-star-01388360-32.webp') 43 43, auto;
    
}

#dance {
    position: fixed;
    right:20px;
    bottom:100px;
    height:250px;
}

a:link {
    font-size: 70px;
    color:aqua
}

audio {
    position: fixed;
    right:20px;
    bottom:55px;
    height:300px;
}
body {
    background-image: url(./assets/star_twinkle.gif);
    padding: 0;
    margin: 0;
}

h2 {
    font-family: "omnium";
    font-style: bold;
    font-size: 35px;
}

h1 {
    font-family: "abnes";
    font-size: 100px;
}



header {
    text-align: center;
    margin:20px;
}

#container {
    text-align: center;
    max-width: 1000px;
    margin: auto;
    padding: 20px;
}

#flavor {
    background-color: rgba(11, 30, 100, 0.867);
    border-radius: 10px;
    box-shadow: 0px 0px 15px rgba(106, 0, 255, 0.603);
    padding: 20px;
}


#info {
     background-color: rgba(11, 30, 100, 0.867);
    border-radius: 10px;
    box-shadow: 0px 0px 15px rgba(106, 0, 255, 0.603);
    padding: 20px;
    max-width: 1000px;
    margin: auto;
}

#info ul {
    text-align: center;
    list-style: none;
}

#pizza {
    display:block;
    margin:auto;
}
footer {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 20px;
    
}

footer img{
    height:40px;
}

#bingo {
    display: block;
    width: 100%;
    align-items: center;
}

iframe {
    border-radius: 20px;
}

#space_comp {
    display: block;
    margin: auto;
    height: 200px;
    padding:0;
}

/* Container styles */
.scrolling-text-container {
    overflow: hidden;
    background-color: rgba(11, 30, 100, 0.867);
    box-shadow: 0px 0px 15px rgba(106, 0, 255, 0.603);
    margin-top:20px;
}

/* Inner container styles */
.scrolling-text-inner {
    display: flex;
    white-space: nowrap;
    padding: 8px 0;
}

/* Text styles */
.scrolling-text {
    display: flex;
}

.scrolling-text-item {
    padding: 0 30px;
}

/* Apply the animation to the text items */
.scrolling-text-inner>div {
    animation: var(--direction) var(--marquee-speed) linear infinite;
}

/* Pause the animation when a user hovers over it */
.scrolling-text-container:hover .scrolling-text-inner>div {
    animation-play-state: paused;
}

/* Setting the Animation using Keyframes */
@keyframes scroll-left {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes scroll-right {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0%);
    }
}