Как изменить CSS слева внизу <div>в полноэкранном режиме

Question

Я пытаюсь увеличить высоту и ширину соответствующего div в полноэкранном режиме. В обычном представлении размер div должен быть постоянным, а в полноэкранном режиме я пытаюсь изменить высоту холста и ширину соответствующего div.

Вот пример ссылки https://codepen.io/jerryasher/pen/qOKgeM

   #inset  {
    width: 200px;
    height: 200px;
    background-color: #fff; /* or transparent; will show through only if renderer alpha: true */
    border: 1px solid black; /* or none; */
    margin: 20px;
    padding: 0px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 100;
}