html,body{
  margin:0;
  height:100%;
  background:#000;
  display:flex;
  justify-content:center;
  align-items:center;
}

.page{
  display:flex;
  flex-direction:column;
  align-items:center;
  image-rendering:pixelated;
}

.middle{
  display:flex;
  align-items:flex-start;
}

.left{
  display:flex;
  flex-direction:column;
  margin:0;
  padding:0;
  line-height:0;
}

.left img,
.right img,
.page>img{
  display:block;
  margin:0;
  padding:0;
  border:0;
}

.right{
  display:flex;
  flex-direction:column;
  align-items:center;
  line-height:0;
}

.fighters-row{
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  margin:0;
  padding:0;
  line-height:0;
}

.fighters-row img{
  display:block;
  margin:0;
  padding:0;
  border:0;
}

.ratings{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:20px;
  margin-top:10px;
}

.ratings img{
  width:100%;
  height:auto;
}