/* BASE PROPERTIES */
html {
    background-color : #565656;
    overflow  : scroll;    
}
table{
    border:3px;
    color:#00BFFF;
    font-family: Arial, Helvetica, sans-serif;

}
body {
    background-color : #565656;
    margin    : 0px;
    margin    : 0px;
    padding   : 0px;
}

#preload {
    display   : none;
}

img.preload {
    width: 0px;
}

hr{
    color: #eee;

}

.global-styles, 
.chat-pop-up:not(.chat-visible) {
  z-index: -1 !important;
}
.backbutton1{
    position: absolute;
    top:183px;
    right:3px;
    background-color: #aaaaaa; /* A green background */
    border: inset; /* Remove default link/button border */
    color: #fff; /* White text color */
    padding: 5px 2px; /* Space between text and border */
    text-align: center; /* Center the text */
    text-decoration: none; /* Remove the default underline */
    display: inline-block; /* Allows padding/margin and alignment */
    font-size: 16px; /* Increase font size */
    margin: 4px 2px; /* Add some space around the "button" */
    cursor: pointer; /* Change cursor to a hand icon on hover */
    border-radius: 8px; /* Rounded corners */
    transition: background-color 0.3s; /* Smooth transition for hover effect */
}

/* Add a hover effect */
.backbutton1:hover {
  background-color: #666666; /* A slightly darker green on hover */
}


#content {
    position        : absolute;
    padding-top     : 130px;
    padding-bottom  : 95px;
    padding-left    : 10px;
    height          : 1200px;
    width           : 100%;
    background-color : #565656;
    z-index: -2;
}


#mainpage{
    position        : absolute;
    top     : 160px;
    padding-bottom  : 95px;
    padding-left    : 1px;
    height          : 1200px;
    width           : 100%;
    background-color : #565656;
    z-index: -1;
}
.FB{
    width:325px;
    vertical-align:top;
}
.PL{
    width:50%;
    vertical-align:top;

}

.DS{
    width:25%;
    vertical-align:top;
    
}

#contentcover {
    position        : absolute;
    padding-top     : 130px;
    padding-bottom  : 95px;
    padding-left    : 1px;
    height          : 1200px;
    width           : 100%;
    background-color : #565656;
    z-index: -1;
} 

#facebook {
    position: absolute;
    left    : 10px;
    top     : 160px;
    width   : 30%;
    height  : 500px;
}

.fb-page1{
    transform: scale(0.77); 
    transform-origin: 0 0; 
    width: 100%;    
    prefers-color-scheme: dark;
}

#discord {
    position: absolute;
    right   : 8px;
    top     : 160px;
    width   : 15%;
    height  : 500px;
}

#playerview {  /* container */
    position: absolute;
    left    : 320px;
    top     : 160px;
    width   : 80%;
    height  : 1020px;
    background-color:#565656;
}

#newplaying{  /* BODJR DJ Box */
    position: absolute;
    top     : 3px;
    transform: scale(0.7); 
    transform-origin: 0 0; 
    width   : 71%; 
    height  : 1700px;
}

#nowplaying{
    position: absolute;
    margin-top:1290px;
    padding-left:40px;
    color:#00BFFF;
    font-family:arial;
    font-size:.8em;
    z-index:-1;
    padding-bottom:90px;
}
#chatroom{
    position: absolute;
    width : 100%;
    top     : 144px;
}

/* FOOTER */
#footer {
    position: fixed;
    bottom  : 0px;
}

iframe#footer {
    width     : 100%;
    height    : 75px;
    box-shadow: 0px 5px 20px;
    border    : 0px;
}