.content {
  position: relative;
}

.content.opacify.output {
  background-color: #ffff;
  z-index: -2;
}

.content > img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.content input {
  display: block;
  position: absolute;
  border: 1px solid #0003;

  font-family: "GeosansLight";
  font-weight: 600;
}

.content > input {
  background-color: #fee8;
}

.content > input.total {
  background-color: #ddd8;
}

.content.output > input {
  border: none;
  background-color: #0000;
}

.content.layout2songs > input:nth-child(1 of .playername) {
  font-size: 48px;
  text-align: center;

  left: 370px;
  top: 356px;
  width: 340px;
  height: 60px;
}

.content.layout2songs > input:nth-child(2 of .playername) {
  font-size: 48px;
  text-align: center;

  left: 1210px;
  top: 356px;
  width: 340px;
  height: 60px;
}

.content.layout2songs > input:nth-child(1 of .score) {
  font-size: 48px;
  text-align: left;

  left: 320px;
  top: 680px;
  width: 340px;
  height: 60px;
}

.content.layout2songs > input:nth-child(2 of .score) {
  font-size: 48px;
  text-align: right;

  left: 1254px;
  top: 680px;
  width: 340px;
  height: 60px;
}

.content.layout2songs > input:nth-child(3 of .score) {
  font-size: 48px;
  text-align: left;

  left: 320px;
  top: 783px;
  width: 340px;
  height: 60px;
}

.content.layout2songs > input:nth-child(4 of .score) {
  font-size: 48px;
  text-align: right;

  left: 1254px;
  top: 783px;
  width: 340px;
  height: 60px;
}

.content.layout2songs > input:nth-child(n+5 of .score) {
  display: none;
}

.content.layout2songs > input:nth-child(1 of .total) {
  font-size: 96px;
  text-align: center;

  left: 295px;
  top: 485px;
  width: 500px;
  height: 100px;
}

.content.layout2songs > input:nth-child(2 of .total) {
  font-size: 96px;
  text-align: center;

  left: 1125px;
  top: 485px;
  width: 500px;
  height: 100px;
}





.content.layout4songs > input:nth-child(1 of .playername) {
  font-size: 48px;
  text-align: center;

  left: 370px;
  top: 230px;
  width: 340px;
  height: 60px;
}

.content.layout4songs > input:nth-child(2 of .playername) {
  font-size: 48px;
  text-align: center;

  left: 1210px;
  top: 230px;
  width: 340px;
  height: 60px;
}

.content.layout4songs > input:nth-child(1 of .score) {
  font-size: 48px;
  text-align: left;

  left: 320px;
  top: 557px;
  width: 340px;
  height: 60px;
}

.content.layout4songs > input:nth-child(2 of .score) {
  font-size: 48px;
  text-align: right;

  left: 1254px;
  top: 557px;
  width: 340px;
  height: 60px;
}

.content.layout4songs > input:nth-child(3 of .score) {
  font-size: 48px;
  text-align: left;

  left: 320px;
  top: 651px;
  width: 340px;
  height: 60px;
}

.content.layout4songs > input:nth-child(4 of .score) {
  font-size: 48px;
  text-align: right;

  left: 1254px;
  top: 651px;
  width: 340px;
  height: 60px;
}

.content.layout4songs > input:nth-child(5 of .score) {
  font-size: 48px;
  text-align: left;

  left: 320px;
  top: 745px;
  width: 340px;
  height: 60px;
}

.content.layout4songs > input:nth-child(6 of .score) {
  font-size: 48px;
  text-align: right;

  left: 1254px;
  top: 745px;
  width: 340px;
  height: 60px;
}

.content.layout4songs > input:nth-child(7 of .score) {
  font-size: 48px;
  text-align: left;

  left: 320px;
  top: 839px;
  width: 340px;
  height: 60px;
}

.content.layout4songs > input:nth-child(8 of .score) {
  font-size: 48px;
  text-align: right;

  left: 1254px;
  top: 839px;
  width: 340px;
  height: 60px;
}

.content.layout4songs > input:nth-child(1 of .total) {
  font-size: 96px;
  text-align: center;

  left: 295px;
  top: 365px;
  width: 500px;
  height: 100px;
}

.content.layout4songs > input:nth-child(2 of .total) {
  font-size: 96px;
  text-align: center;

  left: 1125px;
  top: 365px;
  width: 500px;
  height: 100px;
}