:root {
  --clr-primary-400: hsl(211, 62%, 45%);

  --clr-neutral-200: hsl(0, 0%, 15%);
  --clr-neutral-300: hsl(0, 0%, 24%);
  --clr-neutral-800: hsl(0, 0%, 85%);
  --clr-neutral-900: hsl(0, 0%, 94%);

  --fs-300: .75rem;
  --fs-400: 1rem;
  --fw-bold: 700;

  --border-size: .25rem;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  border-top: var(--border-size) solid var(--clr-primary-400);
  border-bottom: var(--border-size) solid var(--clr-primary-400);
  font-family: sans-serif;
  color: var(--clr-neutral-900);
  background-color: var(--clr-neutral-300);
  font-size: var(--fs-400);
  line-height: 1.5rem;
}
.padding-block-400 {
  padding-block: 2rem;
}
.margin-center {
  margin-inline: auto;
}
a {
  color: var(--clr-primary-400);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
ul {
  margin-left: 1.5rem;
}
a,
b,
.bold {
  font-weight: var(--fw-bold);
}
main {
  width: min(100%, 60rem);
  margin: auto;
  background-color: var(--clr-neutral-200);
  display: grid;
  grid-template-rows: 1fr auto;
  padding-inline: 1rem;
  height: 100dvh;
}
.text-container {
  display: grid;
  align-content: start;
  row-gap: 1rem;
}
.divider {
  border-top: 1px solid var(--clr-neutral-800);
  margin-block: 1rem;
}
.copyright {
  text-align: center;
  font-size: var(--fs-300);
}

#loader {
  height: 430px;
  background: url('Images/loader.gif') no-repeat center center;
}

#revNotFound,
#revFound {
  display: none;
  height: 430px;
}

#windowsREVLinksContainer,
#osxREVLinksContainer,
#linuxREVLinksContainer,
#outdatedBrowserBrowserContainer {
  display: none;
}

#revInstalled {
  display: none;
}