body {
    position: fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    padding:0px;
    margin:0px;
    background: #121212;
}

.disp {
    display: flex;
    flex-direction: column;
    width:100%;
    height:100%;
}

.buttons {
    display: flex;
    flex-direction: column;
}
.rank {
    display: flex;
    flex-direction: row;
    flex-grow: 4;
}
button {
    flex-grow: 4;
    margin:5px;
    font-size: 17px;
}
.image {
    position: relative;
    flex-grow: 4;
    text-align: center;
    background: url('/images/test1/aprem0050.png');
    background-repeat:no-repeat;
    background-size:contain;
    background-position: center top;
}
.image button {
    position: absolute;
    top:calc(50% - 25px);
    width:50px;
    height:50px;
    opacity: 0.3;
    font-size: 30px;
    line-height: 0;
}

.image button.left {
    left:5px;
}
.image button.right {
    right:5px;
}