:root {
                overflow-y:scroll;
                overflow-x:hidden;
            }
               
           @font-face {
                font-family: 'monofonto';
                src: url ('monofonto.otf') format ('opentype'); 
          }
          
            body {

                background-image: url('/DATA/Radio/MOVIE_BG.png');
                background-size:cover;
                background-attachment:scroll;
                background-repeat: no-repeat;
                background-color: black;
                background-position:100% 12%;
                max-width: 1280px;
                min-height:1080px;
                
            }
            

            * {
                box-sizing: border-box;
            }

.screen {
    height:860px;
    width:970px;
    margin-left:380px;
    margin-top:270px;
    padding:12px 12px 44px 12px;
    background-color:transparent;
    position:absolute;
    text-align:center;
}

iframe {
    border-color:transparent;
    text-align:center;
}

::-webkit-scrollbar {
    width: 6px; 
    background: transparent; 
}

::-webkit-scrollbar-thumb:hover {
    width: 6px; 
    background-color:#c6c6c6;
}

::-webkit-scrollbar-thumb {
    width: 6px; 
    background-color:#686868;
}

@keyframes tilt-shaking {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(1deg); }
  50% { transform: rotate(0deg); }
  75% { transform: rotate(-1deg); }
  100% { transform: rotate(0deg); }
}

.shake:hover {
    animation: tilt-shaking 0.5s infinite;
}