@font-face {
  font-family:"Kei";
  src:url("stuff/keifont.ttf");
}

@font-face {
  font-family:"DarkSouls";
  src:url("stuff/EBGaramond-Bold.ttf");
}

@keyframes fadein {
  from {
    opacity:0;
  }
  to {
    opacity:1;
  }
}

body {
  background-color:#1d213a;
  font-family:"Kei";
  font-size:1.5vw;
  user-select:none;
}

#win-window, #sumo-window {
  background-color:#dd8a3c;
  border:0.5vw solid #873023;
  cursor:pointer;
  display:none;
  margin:15vw 35vw 8vw 35vw;
  padding:1vw;
  position:absolute;
  text-align:center;
  width:25vw;
  z-index:2;
}

#lose-window {
  animation:fadein 5s;
  background-color:#000000;
  color:#FF0000;
  display:none;
  font-family:DarkSouls;
  font-size:5vw;
  height:20vw;
  margin-top:8vw;
  padding-top:8vw;
  position:absolute;
  text-align:center;
  width:99vw;
  z-index:3;
}

#sumo-window {
  margin-top:25vw;
}

#sumofull {
  display:none;
  position:absolute;
  margin:5vw 37vw 0 37vw;
  z-index:1;
}

#lantern1, #lantern2 {
  background-color:#fe7c01;
  border:1vw solid #af1d00;
  border-radius:5vw;
  color:#520F01;
  font-size:2vw;
  height:13vw;
  margin:0 2vw 0 2vw;
  padding-top:1.5vw;
  position:absolute;
  text-align:center;
  width:10vw;
}

#lantern2 {
  right:0;
}

#bar-upper {
  background-color:#873023;
  box-sizing:border-box;
  color:#4b1b14;
  font-size:3vw;
  height:8vw;
  margin:0 20vw 0 20vw;
  padding-top:2vw;
  text-align:center;
  width:60vw;
}

#bar-upper-background {
  background-color:#ab3d2d;
  border-radius:1vw;
  margin:0 15vw 0 15vw;
  padding:0.5vw;
  width:30vw;
}

#main {
  background-color:#e69a4b;
  border:1.5vw solid #963527;
  border-width: 0 1.5vw 0 1.5vw;
  box-sizing:border-box;
  min-height:29vw;
  height:100%;
  margin:0 20vw 0 20vw;
  padding-top:3.5vw;
  width:60vw;
}

#row1, #row2 {
  background-color:#eaa153;
  box-sizing:border-box;
  border-bottom:1vw solid #dd8a3c;
  cursor:pointer;
  display:flex;
  font-size:4vw;
  height:10vw;
  padding:3vw 0 0 0;
  width:57vw;
}

#bar-lower {
  background-color:#ab3d2d;
  box-sizing:border-box;
  color:#4b1b14;
  min-height:8vw;
  height:100%;
  margin:0 20vw 0 20vw;
  padding:1vw;
  width:60vw;
}

#start, #music-stop {
  border:0.2vw solid #873023;
  border-radius:1vw;
  cursor:pointer;
  float:right;
  padding:0.5vw;
}

#credits {
  font-size:1vw;
  margin:-3vw 15vw 0 15vw;
  position:absolute;
}