body {
    background-color: rgb(31, 46, 52);
    color: rgb(255, 255, 255);
    overflow-x: hidden;
}

* {
    text-align: center;
    font-family: monospace;

}

.option1 {
    transition: all .5s ease-in-out;
    opacity: 0.5;
    padding: 3px;
}

.option2:hover {
    opacity: 100%;
}

.option1:hover {
    opacity: 100%;
}

.option2 {
    transition: all .5s ease-in-out;
    opacity: 0.5;
    padding: 3px;
}

.option3:hover {
    opacity: 100%;
}

.option3 {
    transition: all .5s ease-in-out;
    opacity: 0.5;
    padding: 3px;
}

.option3:hover {
    opacity: 100%;
}

.options a {
    padding: 10px;
}

.thisismehiimadethis:hover {
    transform: scale(1.1);
}

.chat {
    transform: scale(.90);
}

.option1 a,
.option2 a,
.option3 a,
.option4 a {
    color: white;
    text-decoration: none;
    font-size: 20px;
}

.option4 {
    overflow: hidden;
}

.tv {
    opacity: 5%;
    z-index: 9909;
    position: fixed;
    pointer-events: none;
    width: 100%;
    height: 100%;
}

.opening {
    opacity: .06;
    z-index: 9909;
    position: fixed;
    pointer-events: none;
    width: 100%;
    height: 100%;
    animation: fade-out .4s linear;
}

@keyframes fade-out {
    0% {
        opacity: 1;

    }

    100% {
        opacity: 0.06;
    }
}

#player {
    width: 400px;
    display: flex;
    margin: 0 auto;
    background-color: rgb(49, 95, 124);
    padding: 10px;
    border-radius: 10px;
    width: 1px;
    height: 50px;
}

#player {
    display: flex;
    align-items: center;
    width: 500px;
    height: 70px;
    margin: 0 auto;
}

.title {
    width: 100%;
    overflow: hidden;
    position: sticky;
    padding: 5px;
}

html,
body,
* {

    cursor: url("https://i.postimg.cc/VLQ1QFgL/tiny.png"), default;
}

*::-webkit-scrollbar {
    display: none;
}

img:hover {
    transform: scale(1.1);
}

.ad1 img {
    position: absolute;
    z-index: 2;

        top: 10%;
        left: 65%;
    box-shadow: 10px 10px 10px black;


}
.ad1 h4 {
    position: absolute;
    z-index: 2;

        top: 4%;
        left: 65%;
 

    
}
.gif img {
    z-index: -999;
    opacity: 0.7;
}

#text {
    white-space: nowrap;
    text-align: center;
    position: relative;
    left: 100%;

    animation: scroll 10s linear infinite;
}



@keyframes scroll {
    0% {
        left: 100%;
    }

    100% {
        left: -500%;
    }
}

.mark {
    opacity: 1;
    z-index: -999;
    pointer-events: none;
    position: fixed;
    transform: translate(0%, -7%);

}



#audio-player {
    display: none;
    overflow: hidden;
}

#song-info {
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    margin-right: 0px;
}

#song-cover {
    width: 200px;
    overflow: hidden;
    height: 70px;
    border-radius: 10%;

}

#song-title {
    font-size: 14px;
    overflow: hidden;
    margin: 0;
    padding: 20px;
    width: 500px;
}

#controls {
    display: flex;
    align-items: center;
    overflow: hidden;
    justify-content: center;
    width: 100%;
    height: 20px;
    margin-right: 10px;
    border: none;
    padding: 10px;

}

#play-btn,
#pause-btn,
#skip-btn {
    color: white;
    background-color: rgb(77, 105, 129);
    border: none;
    padding: 10px;
    border-radius: 2px;
}

.button {
    margin: 0;
    font-size: 12px;
    padding: 0 5px;
}
.dm{
    padding: 10px;
    color: white;
}
.dm label{
    font-size: 18px;
    margin-bottom: 6px;
}
.dm input{
   transform: scale(1.5) translate(0px, 1px);
}
.video {
    z-index: 69;
    position: absolute;
    position: sticky;
    padding: 1px;
    background-color: rgb(38, 72, 94);
    width: 120%;
    transform: translate(-7.2%, 10%);

    padding-bottom: 10%;
}

.video video {
    border-radius: 10px;
    align-items: center;
}

#my-image img{
 color: white;
 border-radius: 15px;
position: absolute;
left: 0;
transform: rotate(-5deg);
top: 0;
opacity: .5;
z-index: -4;filter: blur(2px);
animation-name: floating;
animation-duration: 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes floating {
    0% { transform: translate(0,  0px); }
50%  { transform: translate(0, 15px); }
100%   { transform: translate(0, -0px); }   
}
@keyframes floating2 {
    0% { transform: translate(100%,  0px); }
50%  { transform: translate(100%, 15px); }
100%   { transform: translate(100%, -0px); }   
}

#my-image2 img{
 color: white;
 border-radius: 15px;
position: absolute;
left: 10;
transform: rotate(5deg);
top: 0;
opacity: .5;
z-index: -4;filter: blur(5px);        animation-name: floating;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

        #my-image3 img{
 color: white;
 border-radius: 15px;
position: absolute;
left: 10;
transform: rotate(5deg);
top: 1;
opacity: .5;
z-index: -4;        animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
filter: blur(px);

}
#my-image4 img{
 color: white;
 border-radius: 15px;
position: absolute;
top: 0;
align-items: center;
opacity: .5;
z-index: -5;
transform: rotate(2deg);
transform: translate(100%, 0%);
    filter: blur(3px);        animation-name: floating2;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
#my-image5 img{
 color: white;
 border-radius: 15px;
position: absolute;
top: 1;

align-items: center;
opacity: 1;
z-index: -10;
top: .5;
animation-name: floating3;
align-items: center;
left: 0;
animation-duration: 52s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes floating3 {
0%{
transform: rotate(360deg);

}
100%{
transform: rotate(-360deg);
}
}