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

html {
  color: var(--main-front-color);
}

body {
  background-color: var(--main-back-color);
  width: 100vw;
}

header#sida-header {
  min-height: min(30vh, var(--medium-distance));
  padding: var(--main-padding);
}

main#sida {
  display: flex;
  flex-direction: column;
  gap: var(--smaller-distance);
  justify-content: center;
}

main#sida > * {
  padding: var(--main-padding);
}

footer#sida-footer {
  display: grid;
  gap: var(--larger-size);
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  padding: var(--main-padding);
}

footer#sida-footer > * > h2 {
  margin-bottom: var(--small-size);
}

#hemsida-under-uppbyggnad {
  background-color: var(--alt-back-color);
  border-top: var(--big-line) solid var(--alt-front-color);
  border-bottom: var(--big-line) solid var(--alt-front-color);
}