#main{
  position: absolute;
    top: 50%; left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width:960px;
    padding: 10px;
    font-family: basiic;
    font-size: 23px;
    border-width:7px;
    border-style:solid;
    border-image: url("/border.png") 7 fill round;
height: 78%;
}




#cont {
display: grid;
grid-template-columns: 66% 42%;
margin-bottom:10px;
} 

#column {
      text-align:left;  
    margin-bottom:10px;

}

#hehe img {
    width: 250px;
      position: absolute;
    float: right;
    right: -100px;
    bottom: -130px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

#tehehe img {
    width: 120px;
    margin-bottom: -7px;
    margin-top: -40px;
}

#cassettes{
  border:1px solid black;
  border-radius: 10px;
  padding:20px;
  height: 590px;
  background-image: url(images/bg/field2.png);
  background-size: cover;
  background-position: center;
}

#cassetteInner{
  border:1px solid black;
  border-radius: 5px;
  background-color: white;
  padding:10px;
}

#box{
  height:300px;
  width:auto;
}
#boxd{
  height:auto;
  width:auto;
  position:absolute;

}

#moop{
  margin-bottom:20px;
}

#box img{
  height:100%;
      float: left;
      margin-right:5px;
      transition: .4s;
      border:1px solid black;

}

.caption {
  opacity: 0;
  transition: opacity .3s;
      position: absolute;
      border:1px solid black;
  margin-top:310px;  
    width:570px;
    padding: 5px;
    margin-left: -12px;
    border-radius: 5px;
    overflow:auto;
    background-color:white;
    padding: 10px;

  
}
#box img:hover + .caption {
  opacity: 1;
        float: left;
}

#box img:hover{
  transform: rotate(4deg);
  margin:0px 13px;
  transition: .4s;
}

.horizontal{
width: 100%;
white-space: nowrap;
overflow-x: auto;
padding: .5em;
padding-left:0px;
box-sizing: border-box;
height: 168px;
overflow-y: hidden;
font-family: basiic;
}  

.horizontal span{
  font-family: basiic;
}


mark{
 font-family:basiic;
 margin-right: 5px;
 color:white;
 background-color:#3399ff;
}  

#shows{
  border:1px solid black;
  padding:10px;
  font-size:20px;
  max-height:80px;
  overflow:auto;
  line-height: 1.3;
  margin-bottom: 10px;
}