.stageScreen {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  align-items: center;
}
.topPage {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100px;
}
.previousButton {
  display: flex;
  justify-content: center;
  width: 25%;
}
.stageName {
  display: flex;
  justify-content: center;
  color: white;
  font-size: x-large;
  width: 50%;
}
.nextButton {
  display: flex;
  justify-content: center;
  width: 25%;
}
.exitButton {
  position: relative;
}
@mixin stageImage($url) {
  width: 1024px;
  height: 480px;
  margin: 40px;
  background-image: url($url);
  background-size: cover;
  float: left;

}
.cementery {
  @include stageImage('https://static.catherine-fc.com/tool/01.png');
}
.prison {
  @include stageImage('https://static.catherine-fc.com/tool/02.png');
}
.torture {
  @include stageImage('https://static.catherine-fc.com/tool/03.png');
}
.inquisition {
  @include stageImage('https://static.catherine-fc.com/tool/04.png');
}
.quadrangle {
  @include stageImage('https://static.catherine-fc.com/tool/05.png');
}
.clock {
  @include stageImage('https://static.catherine-fc.com/tool/06.png');
}
.spiral {
  @include stageImage('https://static.catherine-fc.com/tool/07.png');
}
.cathedral {
  @include stageImage('https://static.catherine-fc.com/tool/08.png');
}
.empireo {
  @include stageImage('https://static.catherine-fc.com/tool/09.png');
}
.close {
  @include stageImage('https://static.catherine-fc.com/tool/10.png');
}
.arrange {
  @include stageImage('https://static.catherine-fc.com/tool/11.png');
}