<div class="window"> 
  <div class="pup"></div>
</div>
* {
  margin: 0;
  padding: 0;
}
body {
  height: 100vh;
  width: 100vw;
  background: #E5C89C;
  align-items: center;
  justify-content: center;
  display: flex;
  
  transform: scale(0.8);
}
.window {
  height: 34vmin;
  width: 36vmin;
  background: linear-gradient(36deg, rgba(95,49,9,1) 53%, rgba(62,41,23,1) 78%);
  border: 3vmin solid #E6E6E5;
  border-bottom: 10vmin solid #E6E6E5;
  align-items: start;
  justify-content: left;
  display: flex;
  transform: scale(0.8, 0.8);
}
.pup {
  background: transparent;
  font-size: 2vmin;
  height: 1em;
  width: 1em;
  color: #EADBB4;
  box-shadow:
    1em 2em #A98C6C, 2em 2em #A98C6C, 7em 2em #A98C6C, 8em 2em #A98C6C,
    1em 3em, 2em 3em #A98C6C, 7em 3em #A98C6C, 8em 3em,
    1em 4em, 2em 4em #A98C6C, 3em 4em #A77544, 4em 4em #A77544, 5em 4em #A77544, 6em 4em #A77544, 7em 4em #A98C6C, 8em 4em,
    1em 5em #A98C6C, 2em 5em #A77544, 3em 5em #A77544, 4em 5em #A77544, 5em 5em #A77544, 6em 5em #A77544, 7em 5em #A77544, 8em 5em #735338,
    1em 6em #7d664d, 2em 6em #A77544, 3em 6em black, 4em 6em #A77544, 5em 6em #A77544, 6em 6em black, 7em 6em #A77544, 8em 6em #735338,
    1em 7em #7d664d, 2em 7em #CCBC9C, 3em 7em #B38559, 4em 7em #A77544, 5em 7em #A77544, 6em 7em #B38559, 7em 7em #CCBC9C, 8em 7em #735338,
    1em 8em #7d664d, 2em 8em #A98C6C, 3em 8em #CCBC9C, 4em 8em black, 5em 8em black, 6em 8em #CCBC9C, 7em 8em #A98C6C, 8em 8em #735338,
    2em 9em #7d664d, 3em 9em #CCBC9C, 4em 9em, 5em 9em, 6em 9em #CCBC9C, 7em 9em #A98C6C,
    2em 10em #7d664d, 3em 10em #7d664d, 4em 10em #CCBC9C, 5em 10em #CCBC9C, 6em 10em #A98C6C, 7em 10em #A98C6C,
    3em 11em #7d664d, 4em 11em #A98C6C, 5em 11em #A98C6C, 6em 11em #A98C6C, 7em 11em #A98C6C,
    1em 12em #7d664d, 2em 12em #7d664d, 3em 12em #7d664d, 4em 12em #7d664d, 5em 12em #7d664d, 6em 12em #7d664d, 7em 12em #7d664d, 8em 12em #7d664d,
    1em 13em #917452, 2em 13em #917452, 3em 13em #7d664d, 4em 13em #7d664d, 5em 13em #7d664d, 6em 13em #7d664d, 7em 13em #D2C49F, 8em 13em #D2C49F, 9em 13em #91714D,
    1em 14em #917452, 2em 14em #917452, 3em 14em #7d664d, 4em 14em #7d664d, 5em 14em #7d664d, 6em 14em #D2C49F, 7em 14em #D2C49F, 8em 14em, 9em 14em #91714D,
    0em 15em, 1em 15em, 2em 15em #917452, 3em 15em #7d664d, 4em 15em #7d664d, 5em 15em #7d664d, 6em 15em #D2C49F, 7em 15em, 8em 15em, 9em 15em #91714D,
    0em 16em #453D2A, 1em 16em #453D2A, 2em 16em #453D2A, 3em 16em #D2C49F, 4em 16em #D2C49F, 5em 16em #D2C49F, 6em 16em, 7em 16em, 8em 16em, 9em 16em #91714D;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.