/* -------------------------------- layout --------------------------------- */
:root {
  display: grid;
  place-items: center;
}

h1 {
  font-size: 1.5em;
}

body {
  width: 250px;
  height: 250px;
  max-width: 100%;
  max-height: 100%;
}

main.x-window {
  border: none;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

#taskbar-9x,
#taskbar-balloon {
  display: none;
}

.window-content {
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
  /*https://web.archive.org/web/20091027151405/http://www.geocities.com/coondogk9/animsnow.gif*/
}

p {
  margin-inline: 8px;
}

ul, p, h1 {
  margin-block: 4px;
}

.x-window footer {
  display: flex;
  gap: 0.2em;
  padding: 0.2em;
}
.x-window footer > span, .x-window footer > a {
  flex-grow: 1;
  padding-inline: 1ch;
}
.x-window footer > span img, .x-window footer > a img {
  vertical-align: bottom;
}

nav a img {
  display: inline-block;
  vertical-align: middle;
}