body,html {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}

* {
    margin: 0;
    padding: 0;
}

.custom-cursor {
  width: 64px;
  height: 64px;
  background-image: url('cursor.png');
  position: absolute;
  pointer-events: none; /* Crucial: allows clicking through the cursor */
  z-index: 9999;
}

.fullscreen-div {
    position: relative;
    width: 100vw;   /* 100% of the viewport width */
    height: 100vh;  /* 100% of the viewport height */
    background-color: lightblue; /* Example background color */
    background-image: url(background.gif);
    background-position: center center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    background-size: cover; /* Scales the image to cover the entire viewport */
    background-attachment: fixed; /* Keeps the image fixed while scrolling content */
}

.top_btn {
    position: relative;
    width: 1000px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
}

.home_btn {  
    display: block;
    position: absolute;
    left:10px;
    top: 10px;
}

.insta_btn {
    position: absolute;
    left:100px;
    top: 0;
}

.youtube_btn {
    position: absolute;
    left: 400px;
    top: 0;
}

.blue_btn {
    position: absolute;
    left: 700px;
    top: 0x;
}

.main_btn {
    width: 100vw;
    padding-top: 80px;
}

.enter_btn {
    display: block !important;
    width: 520px;
    height: 340px;
    margin-left: auto;
    margin-right: auto;
}


/* main menu*/

.main_menu {
    width: 100vw;
    padding-top: 80px;
    position: relative;
}

.video_btn {
    position: absolute;
    display: block !important;
    width: 100px;
    height: 124px;
    left:500px;
    top: 60px;
}

.collab_btn {
    position: absolute;
    display: block !important;
    width: 294px;
    height: 124pxpx;
    left:650px;
    top: 250px;
}

.music_btn {
    position: absolute;
    display: block !important;
    width: 138px;
    height: 171pxpx;
    right:500px;
    top: 60px;
}
/*video page*/
.video_cont{
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.video_03{
    margin-left: 350px;
}

/* Music page */
.audio_list{
    width: 400px;
    margin-top: 90px;
    margin-left: auto;
    margin-right: auto;
    list-style-type: none;
}

.collab_cont{
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}




.collabList{
    margin-left:10px;
    margin-right: 10px;
    float: left;
}

.audio_list li{
    margin-top: 40px;
    float: left;
}
.music_title {
    width: 230px;
    padding-left: 10px;
    padding-right: 10px;
    height: 50px;
    color: #ffffff;
    background-color: brown; 
    border-radius: 5px;
    font-size: 14px;
    text-align: left;
    float: left;
    background-image: url(musictitle_bg.png);
    background-position: center center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    display: flex;
    align-items: center;
}

.name01 {
   background-image: url(name01.png) !important;
}

.name02 {
   background-image: url(name02.png) !important;
}

.name03 {
   background-image: url(name03.png) !important;
}

.collab01 {
   background-image: url(collab01.png) !important;
} 
.collab02 {
   background-image: url(collab02.png) !important;
} 
.collab03 {
   background-image: url(collab03.png) !important;
} 
.collab04 {
   background-image: url(collab04.png) !important;
} 
.highlighted{
    background-image:none !important;
}

.audio_cont{
    float: left;
}
.audio_ctrl {
    display: block;
    width: 50px;
    height: 50px;
    background-color: brown;
    border-radius: 5px;
    margin-left: 1px;
    float: left;
}