:root{
  --surface:#d4d0c8;
  --highlight:#ffffff;
  --shadow:#808080;
  --taskbar:#d4d0c8;
  --button-face:#dfdfdf;
    --window-frame: #0a0a0a;
  --dialog-blue: #0c266b;
  --dialog-blue-light: #a4c8ee;
  --dialog-gray: #808080;
  --dialog-gray-light: #b5b5b5;
  --link-blue: #0000ff;
  
    --border-window-outer: inset -1px -1px var(--window-frame),
    inset 1px 1px var(--button-face);
  --border-window-inner: inset -2px -2px var(--button-shadow),
    inset 2px 2px var(--button-highlight);
      --border-raised-inner: inset -2px -2px var(--button-shadow),
    inset 2px 2px var(--button-face);
  --border-sunken-outer: inset -1px -1px var(--button-highlight),
    inset 1px 1px var(--window-frame);
  --border-sunken-inner: inset -2px -2px var(--button-face),
    inset 2px 2px var(--button-shadow);
}

@font-face {
  font-family: "Pixelated MS Sans Serif";
  src: url("https://mutilationmayhem.neocities.org/fonts/MS Sans Serif.ttf");
  font-weight: normal;
  font-style: normal;
}

body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #3a6ea5;
  background-image: url('https://mutilationmayhem.neocities.org/images/Windows_2000_Wallpaper.gif');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  overflow: hidden;
}

footer{
  background-color: var(--taskbar);
  box-shadow: var(--border-window-outer), var(--border-window-inner);
  height:18px;
}