:root {
      --block-color: #ffffff;
      --middleblock-bartextcolor: #ffbfd0;
      --skincolor: #ff719b;
      --skincolor-blendmode: hard-light;
      --border-color: #000000;
      --releaselink_placeholdercolor: #00000017;
      }
     
    .customscrollbar::-webkit-scrollbar { 
      width: 10px;
      background: transparent;
      opacity: 0;
      } 
    .customscrollbar::-webkit-scrollbar-button { 
      width: 0px; 
      height: 0px; 
      } 
    .customscrollbar::-webkit-scrollbar-thumb { 
      min-height: 28px;
      padding: 100px 0 0;
      background-color: #d7d7d7;
      background-clip: padding-box;
      border: 3px solid transparent;
      border-radius: 4px;
      /* box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07); */
      } 
    .customscrollbar::-webkit-scrollbar-thumb:hover { 
      background: #bababa;
      border: 3px solid transparent;
      background-clip: padding-box;
      } 
    .customscrollbar::-webkit-scrollbar-thumb:active { 
      background: #adadad;
      border: 3px solid transparent;
      background-clip: padding-box;
      } 
    .customscrollbar::-webkit-scrollbar-track { 
      background: var(--block-color);
      } 
    .customscrollbar::-webkit-scrollbar-track:hover { 
      background: var(--block-color);
      } 
    .customscrollbar::-webkit-scrollbar-track:active { 
      background: var(--block-color);
      } 
    .customscrollbar::-webkit-scrollbar-corner { 
      background: ; 
      }
  /*.customscrollbar::-webkit-scrollbar-button:start:decrement {
      height: 80px;
      background: white;
      }  */
     
    .bordercolor {
      background-color: var(--border-color);
      }
      
    .innerbordercolor path {
      stroke: var(--border-color);
      }
     
    img {
      display:block;
      }
    

    

      
      
      
    @font-face {
      font-family: 'nitro2';
      src: url('/.newsite/nitro2.ttf') format('truetype');
      }
    
      
      
      /* <--------------------------------------------------------> FOUNDATION MADE OF DIVS <-----------------------------------------------------------------> */
      
      
      /* 1 */
      
    #container {
      width: 1113px;
      margin: 0px auto;
      background: transparent;
      padding: 0px;
      }
      
      #content {
        width: 1113px;
        padding-top: 125px;
        background: transparent;
        }
        
      .clearfix:after {
        content:"."; 
        display:block; 
        height:0; 
        clear:both; 
        visibility:hidden;
        }
        
      .clearfix {
        display:inline-block;
        }
          
      .clearfix {
        display:block;
        }
      
        #nav {
          width: 1113px;
          background: transparent;
          margin-bottom: 10px;
          }
          
          #navblock {
          width: 1113px;
          height: 46px;
          border-radius: 3px 3px 3px 3px;
          /*margin: auto auto;*/
          }
          .navblock {
            background: black;
            display: grid;
            }
            
            #navblock_inside {
              margin: 1px;
              width: 1111px;
              height: 44px;
              display: flex;
              }
             
              .navblock_space {
                margin: 0px 0px 0px 1px;
                width: 5px;
                height: 44px;
                background-image: url('/.newsite/images/body/navspace.png');
                background-color: var(--skincolor);
                background-blend-mode: var(--skincolor-blendmode);
                background-size: cover;
                }
                
              .navblock_left {
                margin: 0px 0px 0px 0px;
                width: 199px;
                height: 44px;
                background-image: url('/.newsite/images/body/navleft.png');
                background-color: var(--skincolor);
                background-blend-mode: var(--skincolor-blendmode);
                background-size: cover;
                }
                
              .navblock_button {
                margin: 0px 0px 0px 1px;
                width: 99px;
                height: 44px;
                background-image: url('/.newsite/images/body/navbutton.png');
                background-color: var(--skincolor);
                background-blend-mode: var(--skincolor-blendmode);
                background-size: cover;
                }
                
              .navblock_right {
                margin: 0px 0px 0px 1px;
                width: 299px;
                height: 44px;
                background-image: url('/.newsite/images/body/navright.png');
                background-color: var(--skincolor);
                background-blend-mode: var(--skincolor-blendmode);
                background-size: cover;
                }
           
        #leftcolumn {
          width: 201px;
          float: left;
          background: transparent;
          margin-bottom: 5px;
          margin-right: 5px;
          }
          
          #leftblock1 {
            width: 201px;
            height: 379px;
            border-radius: 3px 3px 4px 4px;
            margin-bottom: 5px;
            }
            
            #leftblock1_content {
              width: 199px;
              height: 359px;
              background-color: #ffffff;
              margin: 0px 1px 1px 1px;
              border-radius: 0px 0px 2px 2px;
              }
              
              #leftblock1_adimage {
                height: 359px;
                width: 199px;
                border-radius: 0px 0px 2px 2px;
                }
                
          #leftblock2 {
            width: 201px;
            height: 197px;
            border-radius: 3px 3px 4px 4px;
            margin-bottom: 5px;
            }
            
            #leftblock2_content {
              width: 199px;
              height: 177px;
              background-color: #ffffff;
              margin: 0px 1px 1px 1px;
              border-radius: 0px 0px 2px 2px;
              }
              
              #leftblock2_gallery {
                width: 199px;
                height: 177px;
                border-radius: 0px 0px 2px 2px;
                }
            
          #leftblock3 {
            width: 201px;
            height: 99px;
            border-radius: 3px 3px 4px 4px;
            }
            
            #leftblock3_content {
              width: 199px;
              height: 79px;
              background-color: #ffffff;
              margin: 0px 1px 1px 1px;
              border-radius: 0px 0px 2px 2px;
              }
              
              #leftblock3_carousel {
                width: 197px;
                height: 79px;
                border-radius: 0px 0px 2px 2px;
                padding-left: 1px;
                }
            
          .leftblock {
            background: black;
            display: grid;
            }
            
            .leftblock_bar {
              margin: 1px;
              width: 199px;
              height: 17px;
              background-image: url('/.newsite/images/body/leftblockbar.png');
              background-color: var(--skincolor);
              background-blend-mode: var(--skincolor-blendmode);
              background-size: cover;
              }
          
        #middlecolumn {
          width: 601px;
          float: left;
          background: transparent;
          margin-bottom: 5px;
          margin-right: 5px;
          }
          
          #middleblock1 {
            width: 601px;
            height: 685px;
            border-radius: 3px 3px 4px 4px;
            }
            
            #middleblock_content {
              width: 599px;
              height: 665px;
              background-color: #ffffff;
              margin: 0px 1px 1px 1px;
              }
              
              #middleblock_wrapper {
                width: 589px;
                height: 655px;
                background-color: #ffbfd0;
                border-radius: 5px;
                margin: 5px;
                
                display: flex;
                flex-wrap: wrap;
                align-content: flex-start;
                }
                
                #middleblock_banner {
                  width: 579px;
                  height: 111px;
                  border-radius: 5px;
                  margin: 5px 5px 1px 5px;
                  background-color: var(--block-color);
                  background-image: url("/artist/80freak/image/gallery1.gif");
                  }
                  
                #middleblock_info {
                  background-color: var(--block-color);
                  width: 579px;
                  height: 100px;
                  border-radius: 5px;
                  margin: 0px 5px 5px 5px;
                  display: flex;
                  }
                  
                #middleblock_singlesbar {
                  background-color: var(--block-color);
                  width: 289px;
                  height: 15px;
                  border-radius: 5px;
                  margin: 0px 1px 1px 5px;
                  }
                  
                #middleblock_albumsbar {
                  background-color: var(--block-color);
                  width: 289px;
                  height: 15px;
                  border-radius: 5px;
                  margin: 0px 5px 1px 0px;
                  }
                  
                #middleblock_singles {
                  background-color: transparent;
                  width: 289px;
                  height: 155px;
                  border-radius: 5px;
                  margin: 0px 1px 5px 5px;
                  position: relative;
                  overflow-y: hidden;
                  overflow-x: hidden;
                  display: block;
                  clear: left;
                  z-index: 1;
                  }
                  
                /*#middleblock_singles_scrollbarplaceholder {*/
                /*  position: absolute;*/
                /*  width: 10px;*/
                /*  height: 155px;*/
                /*  background-color: var(--block-color);*/
                /*  margin-left: 284px;*/
                /*  margin-top: 238px;*/
                /*  border-radius: 0px 5px 5px 0px;*/
                /*  z-index: 0;*/
                /*  } */
                  
                #middleblock_albums {
                  background-color: transparent;
                  width: 289px;
                  height: 155px;
                  border-radius: 5px;
                  margin: 0px 5px 5px 0px;
                  position: relative;
                  overflow-y: hidden;
                  overflow-x: hidden;
                  display: block;
                  clear: left;
                  z-index: 1;
                  }
                  
                /*#middleblock_albums_scrollbarplaceholder {*/
                /*  position: absolute;*/
                /*  width: 10px;*/
                /*  height: 155px;*/
                /*  background-color: var(--block-color);*/
                /*  margin-left: 574px;*/
                /*  margin-top: 238px;*/
                /*  border-radius: 0px 5px 5px 0px;*/
                /*  z-index: 0;*/
                /*  }*/
                
                #middleblock_chatbar {
                  background-color: var(--block-color);
                  width: 289px;
                  height: 15px;
                  border-radius: 5px;
                  margin: 0px 1px 1px 5px;
                  }
                  
                #middleblock_playerbar {
                  background-color: var(--block-color);
                  width: 289px;
                  height: 15px;
                  border-radius: 5px;
                  margin: 0px 5px 1px 0px;
                  }
                  
                #middleblock_chat {
                  background-color: var(--block-color);
                  width: 289px;
                  height: 236px;
                  border-radius: 5px;
                  margin: 0px 1px 5px 5px;
                  }
                  
                #middleblock_player {
                  background-color:transparent;
                  width: 289px;
                  height: 171px;
                  border-radius: 5px;
                  margin: 0px 5px 5px 0px;
                  }
                  
          .middleblock {
            background: black;
            display: grid;
            }
            
            .middleblock_bar {
              margin: 1px;
              width: 599px;
              height: 17px;
              background-image: url('/.newsite/images/body/middleblockbar.png');
              background-color: var(--skincolor);
              background-blend-mode: var(--skincolor-blendmode);
              background-size: cover;
              }
            
        #rightcolumn {
          width: 301px;
          float: left;
          background: transparent;
          margin-bottom: 5px;
          }
          
          #rightblock1 {
            width: 301px;
            height: 301px;
            border-radius: 3px 3px 3px 3px;
            margin-bottom: 5px;
            }
            
            #rightblock1_releaseviewerart {
              margin: 1px;
              width: 299px;
              height: 299px;
              background-image: url('/.newsite/images/body/releaseviewerart.png');
              background-color: var(--skincolor);
              background-blend-mode: var(--skincolor-blendmode);
              background-size: cover;
              }
              
              #rightblock1_releaseviewerart_innerborder {
                width: 299px;
                position: absolute;
                z-index: 1;
                }
            
          #rightblock2 {
            width: 301px;
            height: 73px;
            border-radius: 3px 3px 3px 3px;
            margin-bottom: 5px;
            }
            
            .releaseviewer_div {
              position: absolute;
              display: block;
              width: 299px;
              height: 71px;
              margin: 1px;
              opacity:0;
              visibility: hidden;
              transition: opacity 0.5s ease, visibility 0.5s; /* Adjust 1.5s to your preferred speed */
              }
              
            .releaseviewer_div.is-active {
              opacity: 1;
              visibility: visible;
              display: block; /* Ensure it's not display:none when active */
              }
              
              .releaseviewer_divdesc {
                cursor: default;
                color: white;
                width: 95px;
                height: 39px;
                text-align: left;
                overflow-y: auto;
                overflow-x: hidden;
                font-family: sans-serif;
                display: block;
                clear: left;
                line-height: 11px;
                font-size: 9px;
                position: absolute;
                top: 16px;
                left: 185px;
                padding-right: 3px;
                }
                
                .releaseviewer_divdesc::-webkit-scrollbar {
                  width: 4px;
                  }
                  
                .releaseviewer_divdesc::-webkit-scrollbar-track {
                  background: none;
                  }
                  
                .releaseviewer_divdesc::-webkit-scrollbar-thumb {
                  background: rgba(255, 255, 255, .2);
                  border: none;
                  min-height: 20px;
                  border-radius: 4px
                  }
                
                .releaseviewer_divdesc::-webkit-scrollbar-thumb:hover {
                  background: rgba(255, 255, 255, .3);
                  }
                
                .releaseviewer_divdesc::-webkit-scrollbar-button {
                  display: none;
                  }
                
              .releaseviewer_divlink {
                transition: .2s;
                }
                
                .releaseviewer_divlink:hover {
                  filter: brightness(110%);
                  }
                  
              .marquee-container {
                overflow: hidden;
                white-space: nowrap;
                width: 103px;
                height: 14px;
                position: absolute;
                margin-top: 13px;
                margin-left: 13px;
                }
                
                .marquee-content {
                  cursor: default;
                  display: inline-block;
                  animation: seamlessWithPause 20s linear infinite;
                  font-size: 9px;
                  font-family: 'arial', sans-serif;
                  color: white;
                  margin-left: 2px;
                  }
                  
                  .marquee-content span {
                    display: inline-block;
                    /* Adjust this gap as needed */
                    padding-right: 60px; 
                    }
                    
                  @keyframes seamlessWithPause {
                    /* 0% to 30%: Text stays still at the left edge */
                    0%, 30% { 
                      transform: translateX(0); 
                      }
                    /* 100%: Text moves left by exactly 50% (the width of one copy) 
                       The second copy now sits exactly where the first one started */
                    100% { 
                      transform: translateX(-50%); 
                      }
                    }
                  
              .releaseviewer_divclose {
                cursor: pointer;
                position: absolute;
                margin-top: 3px;
                margin-left: 289px;
                }
                
            #rightblock2_releaseviewer {
              margin: 1px;
              width: 299px;
              height: 71px;
              background-image: url('/.newsite/images/body/releaseviewer.png');
              background-color: var(--skincolor);
              background-blend-mode: var(--skincolor-blendmode);
              background-size: cover;
              }
              
              #rightblock2_releaseviewer_innerborder {
                width: 299px;
                }

    
            
          #rightblock3 {
            width: 301px;
            height: 301px;
            border-radius: 3px 3px 4px 4px;
            }
            
          .rightblock {
            background: black;
            display: grid;
            }
            
            .rightblock_bar {
              margin: 1px;
              width: 299px;
              height: 17px;
              background-image: url(/.newsite/images/body/rightblockbaralt.png), linear-gradient(var(--border-color), var(--border-color)), url(/.newsite/images/body/rightblockbaraltbutton.png);
              background-position: 0px 0px, 281px 0px, 282px 0px;
              background-repeat: no-repeat;
              background-color: var(--skincolor);
              background-blend-mode: var(--skincolor-blendmode);
              background-size: 281px 17px, 1px 100%, 17px 17px;
              }
              
              #rightblock3_content {
                width: 299px;
                height: 281px;
                background-color: #ffbfd0;
                margin: 0px 1px 1px 1px;
                border-radius: 0px 0px 2px 2px;
                }
          
        #footer {
          width: 1113px;
          background: transparent;
          float: left;
          }
          
          #footerblock {
            width: 1113px;
            height: 21px;
            border-radius: 3px 3px 3px 3px;
            /*margin: auto auto;*/
            }
            
          .footerblock {
            background: black;
            display: grid;
            }
            
            #footerblock_inside {
            margin: 1px;
            width: 1111px;
            height: 19px;
            display: flex;
            }
            
            .footerblock_space {
              margin: 0px 0px 0px 1px;
              width: 5px;
              height: 19px;
              background-image: url('/.newsite/images/body/footerspace.png');
              background-color: var(--skincolor);
              background-blend-mode: var(--skincolor-blendmode);
              background-size: cover;
              }
              
            .footerblock_left {
              margin: 0px 0px 0px 0px;
              width: 199px;
              height: 19px;
              background-image: url('/.newsite/images/body/footerleft.png');
              background-color: var(--skincolor);
              background-blend-mode: var(--skincolor-blendmode);
              background-size: cover;
              }
              
            .footerblock_button {
              margin: 0px 0px 0px 1px;
              width: 99px;
              height: 19px;
              background-image: url('/.newsite/images/body/footerbutton.png');
              background-color: var(--skincolor);
              background-blend-mode: var(--skincolor-blendmode);
              background-size: cover;
              }
              
            .footerblock_right {
              margin: 0px 0px 0px 1px;
              width: 299px;
              height: 19px;
              background-image: url('/.newsite/images/body/footerright.png');
              background-color: var(--skincolor);
              background-blend-mode: var(--skincolor-blendmode);
              background-size: cover;
              }
              
            #copyright {
              position: absolute;
              margin-left: 77px;
              margin-top: 4px;
              }
             
            .rotate {
              width: 25px;
              height: 26px;
              /*animation: spin 20s linear infinite;*/
              margin: -3px 0px 0px 6px;
              position: absolute;
              }
              
            @keyframes spin {
              from {
                transform: rotate(0deg);
                }
              to {
                transform: rotate(360deg);
                }
              }
            
            
            
            
            
            
            
            
            
      /* <--------------------------------------------------------> DESIGN <-----------------------------------------------------------------> */
      
      /* NAV BLOCK */
      
      /* LEFT BLOCK */
      
      /* MIDDLE BLOCK */
      
      /* RIGHT BLOCK */
      
      

      

      
    /*#releaseviewerart_content {*/
    /*  position: absolute;*/
    /*  margin: 14px 0px 0px 14px;*/
    /*  border-radius: 3px;*/
    /*  }*/
      
    /*#releaseviewerart_tvstatic {*/
    /*  position: absolute;*/
    /*  z-index: 2;*/
    /*  width: 273px;*/
    /*  height: 273px;*/
    /*  border-radius: 3px;*/
    /*  opacity: 0%;*/
    /*  }*/
      
    /*#releaseviewerart_tvstatic_color {*/
    /*  position: absolute;*/
    /*  z-index: 1;*/
    /*  width: 273px;*/
    /*  height: 273px;*/
    /*  background-color: #72375c;*/
    /*  border-radius: 3px;*/
    /*  }*/
      
    /*#releaseviewerart_innershadow {*/
    /*  position: absolute;*/
    /*  z-index: 2;*/
    /*  width: 273px;*/
    /*  height: 273px;*/
    /*  border-radius: 3px;*/
    /*  opacity: 0;*/
    /*  }*/
      

      
    
      
      /* FOOTER BLOCK */
      

      

     

      

      
      /* <--------------------------------------------------------> CUSTOMIZATION <-----------------------------------------------------------------> */
      
    .textcolor {
      color: #000000;
      }
      
    .skintext {
      color: #ffffff;
      margin: 1px 0px 0px 4px;
      position: absolute;
      }
      
    .skintext_color path {
      stroke: white;
      }
      
    .skintext_border_color path {
      stroke: black;
      }
      
      
      
    #leftblock1_bar_text {
      margin: 4px 0px 0px 4px;
      width: 11px;
      position: absolute;
      }
      
    #leftblock1_bar_textborder {
      margin: 3px 0px 0px 3px;
      width: 13px;
      }
      
    #leftblock2_bar_text {
      margin: 4px 0px 0px 4px;
      width: 42px;
      position: absolute;
      }
      
    #leftblock2_bar_textborder {
      margin: 3px 0px 0px 3px;
      width: 44px;
      }
      
    #leftblock3_bar_text {
      margin: 4px 0px 0px 4px;
      width: 69px;
      position: absolute;
      }
      
    #leftblock3_bar_textborder {
      margin: 3px 0px 0px 3px;
      width: 71px;
      }
      
      
      
    #rightblock3_bar_text {
      margin: 4px 0px 0px 4px;
      width: 23px;
      position: absolute;
      }
      
    #rightblock3_bar_textborder {
      margin: 3px 0px 0px 3px;
      width: 25px;
      }
      
      
      
    #rightblock3_bar_icon {
      margin: 4px 0px 0px 256px;
      width: 9px;
      position: absolute;
      }
      
    #rightblock3_bar_iconborder {
      margin: 3px 0px 0px 255px;
      width: 11px;
      }
      
    #rightblock2_icon {
      margin: 4px 0px 0px 4px;
      width: 5px;
      position: absolute;
      }
      
    #rightblock2_iconborder {
      margin: 3px 0px 0px 3px;
      width: 7px;
      }
      
      
      
    #footerblock_copyright {
      margin: 3px 0px 0px 1px;
      width: 105px;
      position: absolute;
      }
      
    #footerblock_copyrightborder {
      margin: 0px 0px 0px 0px;
      width: 107px;
      }
      
      
      
    .middleblock_children_bartext {
      margin: 3px 0px 0px 3px;
      }
      
    .middleblock_children_bartextcolor path {
      stroke: var(--middleblock-bartextcolor);
      }
      
      
      
      
      
    /*.extraborders {*/
    /*  position: absolute;*/
    /*  opacity: 0%;*/
    /*  mix-blend-mode: normal;*/
    /*  }*/
    /*.extrafill {*/
    /*  position: absolute;*/
    /*  opacity: 0%;*/
    /*  mix-blend-mode: normal;*/
    /*  }*/
      
      

    /* Kills the black line and sets up links */
    .releaselink {
      text-decoration: none;
      display: inline-block;
      margin-right: 5px;
      }
    .releaselink:hover .releaseimage {
      filter: brightness(110%);
      }
    .releaselink_placeholder {
      width: 61px;
      height: 61px;
      text-decoration: none;
      display: inline-block;
      margin-right: 5px;
      margin-bottom: 12px;
      }
    .releaselink_placeholdercolor path {
      stroke: var(--releaselink_placeholdercolor);
      }
      
      
      
      
    .releaseimage {
      width: 53px;
      height: 53px;
      margin: 4px;
      filter: brightness(100%);
      transition: filter .3s ease;
      }
      
    .releaseimageframe {
      position: absolute;
      z-index: 1;
      }
      
    .releasetext {
      text-align: center;
      font-size: 9px;
      font-family: 'arial', sans-serif;
      line-height: 12px;
      }
      
    .releaselink_container {
      background-color: var(--block-color);
      width: 269px;
      height: auto;
      min-height: 137px;
      display: flex;
      flex-wrap: wrap;
      padding: 9px 0px 0px 9px;
      align-content: flex-start;
      }
      
    .releaselink_container_container {
      overflow-y: scroll;
      overflow-x: hidden;
      border-radius: 5px;
      width: 289px;
      height: 155px;
      position: relative;
      }