<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.