html,body {
  width: 100%;
  height: 100%;
  margin:0;
}
#grid {
  perspective: 4000px;
  transform-style: preserve-3d;
  font-family: Avenir, Calibri, sans-serif;
  height: 100%;
}

.shell {
  position: absolute;
  left: 3vw;
  top: 2vh;
  width: calc(100vw - 6vw);
  height: calc(100vh - 4vh);
  transform-origin: left bottom;
  transform: rotateX(-90deg);
  border-radius: 15px;
  background: #E0E0E0;
  box-shadow: 0px 0px 50px rgba(0,0,0,0.5);
  overflow: hidden;
  //visibility: hidden;
  opacity: 0;
  transition: opactity 0s, 1s;
}

.fadeout {
  transition: opacity 1s linear 1s, transform 1s;
}

.item {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: none;  
  width: 100%;
  height: auto;
}
/* override the style attribute of the tweet iframe */
/*
.shell *[style] {
  visibility: inherit !important;
}*/