body{
 background-image: url(https://f.feridinha.com/8rnf9.gif);
 
}


.container{
  background-image: url(https://f.feridinha.com/NqQX5.jpg);
  width: 70%;
  min-width: 600px;
  margin: auto;
  height: 9000px;
  padding: 30px;
  border-radius: 20px;
  opacity: 1.0;
  text-align: center;
  display: block;
  flex-flow: row wrap;
  position:relative;
  
}

.polis{
  padding:0px;
  position:relative;
  width:100%;
  
  
}

.molis{
  padding:0px;
  position:relative;
  width:60%;
}

.dolis{
  padding:0px;
  position:relative;
  width:100%;
  
}
  





.left {
  float: left;
  
  padding:10px;
  position:relative;
  text-align: center;
  display: block;
  z-index: 7;
  width:30%;
  height:4%;
  
}

.right {
  float:right;
  text-align: center;
  display: block;
  position:relative;
  width:60%;
  
}

.vid-border{
  position: relative;
  height: 310px;
  width: 620px;
  border: 5px solid black;
  overflow: hidden;
}
#vid {
  position: absolute;
  top:-5px;
  left:-5px;
  height: 290px;
  width: 600px;
}



/*scrollllllllll*/
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px yellow; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #ffd700; 
  border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #d1b000; 
}