html {
  
    font-size: 16px;
    
}

body {
    font-family: Roboto;
    background-color: white;
}



main {
    width: 120.0rem;
    height: 67.5rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 42.0rem 78.0rem;
    grid-template-rows: 62.5rem 5.0rem;
}


.left-side {
    background-color: white;
    display: grid;
    grid-template-rows: 12.5rem 12.5rem 37.5rem;
}

.right-side {
    background-color:white;
    display: grid;
    grid-template-rows: 43.875rem 18.625rem;
}

.bottom {
    grid-column: 1 / -1;
    background-color: white;
}


.left-side-top,
.left-side-middle,
.left-side-bottom,
.right-side-top,
.right-side-bottom,
.bottom {
  padding: 0;
  overflow: hidden;
}


.pane-img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain; 
}



.left-side-top {
    height: 12.5rem;
    background-color:white;
}

.left-side-middle {
    height: 12.5rem;
    background-color: white;
}

.left-side-bottom {
    height: 37.5rem;
    left: 2px;
    background-color: white;
}

.right-side-top {
    height: 43.875rem;
    background-color: white;
}

.right-side-bottom {
    height: 18.625rem;
    background-color: white;
}