* {
  box-sizing: border-box;
}

body {
  background:black;
  margin: 8px;
}

img {
  max-width: 100%;
}

p {
  font-size: 50px;
  color: red;
}

span {
  position: fixed;
  background-color: white;
  width: 4.7%;
  height: 5.9%;
  top: 3.1%;
  left: .8%;
  transform: rotate(-45deg);
  opacity: 100%;
  opacity: 0%;
}

span:hover + .back3 {
  opacity: 100%;
}

.back3 {
  position: fixed;
  background-color: ;
  width: 4.7%;
  height: 7%;
  top: 5%;
  left: 5%;
  transform: rotate(0deg);
  opacity: 0%;
  color: red;
  pointer-events: none;
}

.back {
  position: fixed;
  width:10%;
  top: 0%;
  left: 0%;
}

.back2 {
  position: fixed;
  background-color: white;
  width: 95px;
  height: 55px;
  top: 25px;
  left: -5px;
  transform: rotate(-45deg);
  opacity: 0%;
}

.title {
  position: fixed;
  background: ;
  top: 70px;
  left: 880px;
  width: 520px;
  height: 150px;
}

.text {
  position: fixed;
  background: ;
  top: 200px;
  left: 880px;
  width: 520px;
  height: 500px;
}

.pubby {
  position: absolute;
  background: black;
  top: 50px;
  left: 300px;
  width: 450px;
  height: 687px;
  border: red dashed 8px;
}