*, ::before, ::after {
    margin: 0;
    padding: 0;
}

body {
    box-sizing: border-box;
    height: 100vh;
    width: auto;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1.25rem;
}

.site-info {
    height: 20rem;
    width: auto;
    margin: 3rem 2rem 0 0;
}

h1 {
    margin: 1rem;
}

h2 {
    margin: 1rem;
    font-size: 1.5rem;
    font-family: Chicago_12;
}

p {
    line-height: 1.5rem;
    margin-bottom: 1rem;
    margin-left: 1rem;
}

.window-pane {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 12.5rem 12.5rem 12.5rem;
    align-items: baseline;
    gap: 1rem;
}

.window {
    margin: 1rem 0 1rem 2rem;
}

figure {
    display: grid;
    justify-items: center;
}

.clickable-image:hover {
    cursor: pointer;
}