body {
  margin: 0;
  background-image: url(https://cdn.statically.io/img/cloudflare-ipfs.com/ipfs/uAXAALRInChgBcBEUEaoVck67mzhWzO9DgMtqufAIywQSB2ZiZy5qcGcYmuUQCgIIAQ/fbg.jpg);
  background-size: 100vw auto;
  background-attachment: fixed;
}
img { max-width: 100%; }
video { max-width: 100%; }
audio { width: 580px; max-width: 100%; }

.first,.last {
  background-color: rgba(2,1,3,0.6) !important;
  color: white;
}

.content {
  margin: auto;
  border: 1px purple dotted;
  background-color: rgba(240,240,241,0.72);
  padding: 1rem;
}
@media screen and (orientation:landscape) {
 .content {
  margin-left: 15vw;
  max-width: 65vw; background-color: rgba(255,240,180,0.8);

  }
}