body {
  background-color: black;
}
#main {
  width:140vh; height:98vh;
  margin:0 auto;
  display:flex;
  justify-content:space-around;
  align-items: center;
  xborder:1px solid white;
}
#left, #right, #first, #last {
  height:6vh;
}
#pic {
  height:98vh;
}
#arrows {
  display:none;
}
@media (orientation:portrait) {
  #main {
    width:96vw; height:95vh;
    flex-direction: column;
    justify-content: flex-start;
  }
  #arrows {
    margin-top:3vw;
    width:60vw;
    display:flex;
    justify-content: space-between;
  }
  #arrows img {
    height:6vw;
  }
  #left, #right, #first, #last {
    display:none;
  }
  #pic {
    height:95vw;
  }

}