*, ::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; font-size: 1.25em; } h2 { margin: 1rem; font-size: 1.5em; font-family: Chicago_12; } p { line-height: 1.5rem; margin-bottom: 1rem; margin-left: 1rem; font-size: 1.25em; } .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; }