.screen {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
}

.left_top {
    width: 20vmin;
    height: 20vmin;
    /*background: #f1f1f1;*/
}

.left_centre {
    /*background: #a1a1a1;*/
    width: 20vmin;
    height: 60vmin;
    position: absolute;
    top: calc(50vh - 30vmin);
}

.left_bottom {
    width: 20vmin;
    height: 20vmin;
    /*background: #f1f1f1;*/
    position: absolute;
    left: 0;
    bottom: 0;
}

.top {
    position: absolute;
    top: 0;
    /*background: #836d6d;*/
    width: calc(100vw - 40vmin);
    height: 20vmin;
    left: calc(20vmin);
}


.centre {
    /*background: #c53939;*/
    width: 80vmin;
    height: 60vmin;
    margin: auto;
    position: absolute;
    left: calc(50vw - 40vmin);
    top: calc(50vh - 40vmin);
}

.bottom {
    position: absolute;
    bottom: 0;
    /*background: #836d6d;*/
    width: calc(100vw - 20vmin);
    height: 20vmin;
    left: calc(10vmin);
}



.right_top {
    width: 20vmin;
    height: 20vmin;
    /*background: #f1f1f1;*/
    position: absolute;
    right: 0;
    top: 0;
}

.right_centre {
    /*background: #a1a1a1;*/
    width: 20vmin;
    height: 60vmin;
    position: absolute;
    top: calc(50vh - 30vmin);
    right: 0;
}

.right_bottom {
    width: 20vmin;
    height: 20vmin;
    /*background: #f1f1f1;*/
    position: absolute;
    right: 0;
    bottom: 0;
}