body {
      background-color:#000000;
    }
    body:before {
      content: '';
      opacity: 0.3;
      background-image: url(../background/bgb.png);
      background-attachment: fixed;
      background-size: cover;
      position: fixed;
      top: 0px;
      left: 0px;
      width: 100vw;
      height: 100vh;
      z-index:0;
      filter:blur(1px);
    }
    iframe.box {
      box-shadow: none;
  }
    #block2{ 
      z-index: 1;
      position: relative;
    }
    #menu{
      position: relative;
      background:none;
      box-shadow: inherit;
    }
    h1{
      background:none;
      position: inherit;
      color:#72bbff;
    }
    input , input#new{
      background: rgba(0, 0, 0, .5);
      box-shadow: inset 0 0 1em #72bbff, 0 0 4em #72bbff;
      border:none;
    }

    .player{
      display: table;
    }
    #onPlay{
      vertical-align: middle;
      display: table-cell;
      font-size:11pt;
      padding-left:16px;
      opacity:0.5;
    }

    #buy{perspective: 300px;}
    #footer{color: white;}
    .cd-container{
      perspective: 1200px;
      padding:40px;
      width:100%;
      box-sizing: border-box;
    }
    #cd{
      margin-top:8px;
      width:100%;
  -webkit-transform-style: preserve-3d; /* Safari 3-8  */  
  transform-style: preserve-3d;
  animation: rotate-cd 5s ease-in-out infinite alternate;
      box-shadow:  0 0 2em black;
    }
@keyframes rotate-cd {
  from {
    transform: rotateY(-6deg);
    -webkit-transform: rotateY(-6deg);
  }
  to {
    transform: rotateY(6deg);
    -webkit-transform: rotateY(6deg);
  }
}
    
    a{color:#72bbff;}
    
    button , div.sm , a.menu , .box{
      color:white;
      background: rgba(0, 0, 0, .5);
      box-shadow:  0 0 2em black;
    }
    
    button.ply{
      color:white;
      padding:3px;
      margin:0;
      font-size:12px;
      margin-right:10px;
      background: none;
      box-shadow:  none;
      font-family: icons;
      width:20px;
      display: inline-block !important;
    }
    
    #bgply{
      display: table-cell;
      color:white;
      padding:8px;
      margin:0;
      font-size:26px;
      margin-right:10px;
      background: none;
      box-shadow:  none;
      font-family: icons;
      width:20px;
      cursor: pointer;
    }
    
    button.ply:hover{
      color:white;
      padding:3px;
      margin:0;
      font-size:12px;
      margin-right:10px;
      background: none;
      box-shadow: none;
      opacity:1;
    }
    div.box{
      background: rgba(0, 0, 0, .5);
      border:none;
      box-shadow: inset 0 0 0.6em #e8d4b4, 0 0 4em #e8d4b4;
    }
    @font-face {
      font-family: icons;
      src: url("../font/icons.woff") format("woff"), url("../font/icons.ttf")  format("truetype");
  }
  .loading{
    position: absolute;
    margin-left:-6px;
    margin-top:-12px;
    animation:rotation 4s linear infinite;
  }
  
  @keyframes rotation {
    to {transform: rotate(-360deg);}
  }
  
  @media only screen and (min-width: 1200px) and (orientation: landscape) {
    div.kart{
      padding-left:0;
      padding-top: 16px;
    }
  }