:root{
        --jis-bgcolor:#fcde31;
        --jis-bgimage:url(/retrocassette.gif);
        --jis-bgimagep:url(/retrocassettep.gif);
        }
  body{
        padding:10px;
        margin:0px;
        color:white;
        background-color:black;
        font-family:opensans,verdana,arial;
        }
   body.bgyellow{
        background-color:var(--jis-bgcolor);
         
        }
.container{
        display:block;
        }
        
        #rLoad{position:fixed;color:red;text-align:center;top:65px;height:40px;left:30%;right:30%;font-size:80%;font-weight:bold}
#rDiv{
        position:absolute;padding:0px;margin:0px;margin-top:50px;background:fixed;z-index:10;
display:grid;justify-content: center;align-items: center;background-image: var(--jis-bgimage);
        background-size: auto;background-repeat: no-repeat;background-position: center;background-position-y:51px;height:90%;width:95%;overflow:hidden}
.disc{display:grid;margin-top:50px;position:fixed;bottom:8%;width:95%;z-index:20}
.disc button{position:relative;display:grid;height:100%;background-color:var(--jis-bgcolor);border-radius:20px;align-items:center;}
 video{display:none;width:500px;max-width:95%;height:350px;}
  video.vcl{height:20%;max-height:200px;position:fixed;bottom:3px;width:100%;left:10px;overflow:hidden;display:block;background-color:black;z-index:5}        
::cue{color: var(--jis-bgcolor);
      font-size:x-large;}
#eqcontrols{font-size:xx-small;
        background:black;
        position:fixed;
        right:20px;
        display:none;
		height:80%;width:auto;overflow:auto;
        color:var(--jis-bgcolor);
        border:var(--jis-bgcolor) 1px dotted;
		padding:5px;
        }
        
#eqcontrols strong{display: block;
    border-bottom:var(--jis-bgcolor) 1px dotted;}
#eqcontrols.eqhover{display:block;z-index:30}  
#controlitems{
        display:block;
        padding:10px;
        margin:10px;
         width: 90%;
        height:80%;
         border:var(--jis-bgcolor) 1px dotted;
         font-size:15px;
        text-align:center;
writing-mode: vertical-lr;}
.slider {
    display:block;
    border-radius: 10px;
    width: 20px;
    height: 90%;
    margin: 2px;
    direction: rtl;
}

 .sliderdb{
         font-weight:bold;
         color:white;
         }
  .slider::before{
          content:"-";
          }
.slider::after{
          content:"+";
          }
#frequency{
     display:block;
     background-color:var(--jis-bgcolor);
     min-height:15px;
    color:black;
    font-size:11px;        
    width:95%;
    border-radius:10px;
    padding-left:10px;
    align-items:center;
    margin:5px;
    }
#frequency::before{
        content:"Frequency=>\00a0";
        font:caption;
        }
#frequency::after{
        content:"\00a0Hz";
        font:caption;
        }     
#presets{
        border:var(--jis-bgcolor) 1px solid;
        border-radius:10px;
        padding:2px;
        height:20px;
        display:block;
        position:fixed;
        right:5%;
        font-size:11px;
        color:var(--jis-bgcolor);
        background-color:black;
        }
 .title{
         padding-bottom:2px;
         position:fixed;
         display:inline-block;
         left:10px;
         color:var(--jis-bgcolor);
         z-index:100;
         font-size:11px;
         border-bottom:1px solid var(--jis-bgcolor);
         background-color:black;
         }