body {
    background: url(images/seaback.gif);
    background-size: contain;
    background-repeat: repeat;
    background-attachment: fixed;
    color: #fff;
    font-family: 'Cutive Mono', monospace;
    font-family: 'IBM Plex Mono', monospace;
    cursor: url(purple-pointer.png), auto;



    }

    .h3 {
        color: blue;
        font-family: 'IBM Plex Mono', monospace;

    }

    .top {
        position: sticky;
        top: 0;
    }

    .hyperlinks {
        position: sticky;
        top: 0;

        text-align: center;

    }

    .gifs {
        position: sticky;
    }

    .gifs table {
        table-layout: fixed;
        width: 100%;
    }
}

h1 {
    color: yellowgreen;
    font-family: 'IBM Plex Mono', monospace;
    text-align: center;
}

p {
    color: floralwhite;
    font-family: 'Cutive Mono', monospace;

    font-size: 24px;
    text-align: center;

}

div {
    text-align: center;
}

h2 {
    color: blueviolet;

}

.tracklist {
    color: black;

}

.baby {
    height: 200px;
}
.alien {height: 120px;
}

.tracklistbutton {
    text-align: center;
    background-color: rgb(91, 201, 91);
    height: 70px;
    border-radius: 10px;
    cursor: pointer;
    text-align: center;
    transition: opa 0.5s;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5)


}

.tracklistbutton:hover {
    opacity: 0.7;
    color: red;

}

.tracklistbutton:active {
    opacity: 0.3;
}

.TEXT1 {
    background: rgb(2, 0, 36);
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
    text-align: center;
    margin: auto;
    border: #fff;
    border-style: groove;
    border-width: 5px;

    .voluptua {
        color: red;


    }

    .voluptua:hover {
        text-decoration: underline;
        cursor: pointer;

    }
}

.Searchbox {
    font-size: 20px;
    width: 200px;
    border: solid;
    border-color: black;
}

.skullmirror {
    transform: scaleX(-1);

}

.sidebannerL {
    width: fit-content;
    transform: scaleX(-1);
    position: absolute;


}

.sidebannerR {
    width: fit-content;
    position: absolute;
    right: 0px;

}

.banners {
    margin-top: 80px;


}

.flag {
    width: 200px;
    height: 400px;
}

audio {
    width: 80%;
    height: 50px;
    background-color: cadetblue;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    margin-top: 10px;
}
.player {
    text-align: center;
}

.title {
    color: yellowgreen;
    font-size: 35px;

}