@import url('https://fonts.googleapis.com/css?family=Nosifer');

.comic {
  font-family:'Comic Sans', cursive;
  padding:1vmin;
  width: 870px;
  height: 870px;
}

.panels {
  display: grid;
  grid-template-areas:
    'one one one three three four'
    'one one one three three four'
    'five five two two ten ten'
    'five five two two ten ten'
    'five five eight nine nine nine'
    'six six seven nine nine nine';
}

.panels > div {
  text-align: center;
  padding: 20px 0;
  font-size: 30px;
  background-color:#fff;
  border:solid 2px #000;
  box-shadow:0 6px 6px -6px #000;
  margin:1vmin;
  overflow:hidden;
  position:relative;
}

.shrinky {
  -moz-transform: scale(0.8, 0.8); /* Moz-browsers */
  zoom: 0.8; /* Other non-webkit browsers */
  zoom: 80%; /* Webkit browsers */
}

#childpanel1 {
  position: absolute;
  width: 300px;
  top: 120px;
  left: 40px;
}

#ytplayer1 {
  margin-top: -20px;
  margin-left: 16px;
}

#tvyoutube1 {
  top: -20px;
  left: -4px;
}

.panel2 {
  background: url(../../images/teaser/destruction2.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
}

#childpanel3 {
  position: absolute;
  width: 300px;
  top: 120px;
  left: 40px;
}

#ytplayer3 {
  margin-top: -5px;
  margin-left: 20px;
}

#tvyoutube3 {
  top: -5px;
  left: -2px;
}

#ytplayer4 {
  background-image: url("../../images/teaser/whoisthat.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 108px;
  left: -22px;
  height: 93px;
  width: 150px;
}

#background4 {
  background-image: url("../../images/teaser/actionlines.png");
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: -21px;
  left: -122px;
  height: 323px;
  width: 460px;

}

#tvyoutube4 {
  top: 108px;
  left: -62px;
  height: 93px;
  width: 150px;
}

#childpanel5 {
  position: absolute;
  width: 800px;
  top: 110px;
  left: -210px;
}

#ytplayer5 {
  margin-top: -5px;
  margin-left: 20px;
}

#tvyoutube5 {
  top: -5px;
  left: -2px;
}

#ytplayer6 {
  margin-top: -18px;
  margin-left: -59px;
}

#tvyoutube6 {
  top: -16px;
  left: -41px;
}

#imagePanel7 {
  position: absolute;
  width: 143px;
  top: -22px;
  left: -2px;
}

#image2Panel7 {
  position: absolute;
  width: 50px;
  top: -11px;
  left: 0px;
}

#imagePanel8 {
  position: absolute;
  width: 132px;
  top: -64px;
  left: 0px;
}

#image2Panel8 {
  position: absolute;
  width: 115px;
  top: -20px;
  left: 28px;
}

#childpanel9 {
  position: absolute;
  width: 300px;
  top: 124px;
  left: 0px;
}

#ytplayer9 {
  margin-top: -5px;
  margin-left: 20px;
}

#tvyoutube9 {
  top: -5px;
  left: -2px;
}

#childpanel10 {
  position: absolute;
  width: 240px;
  top: 120px;
  left: 35px;
}

#ytplayer10 {
  position: absolute;
  top: -244px;
  left: -62px;
  height: 33px;
  width: 40px;
}

#tvyoutube10 {
  color: black;
	height: 65%;
	position: relative;
	left: 75px;
	text-align: center;
}

.destruction {
  font-family: Nosifer;
  color: red;
  font-size: 27px;
  margin-left: 6px;
}