body {
  font-family:"Pixelated MS Sans Serif";
  background-color: rgb(10,50,70);
  padding-left:     10%;
  padding-top:      5%;
  padding-right:    10%;
  padding-bottom:   10%;
  background-image: url("img/bg.jpg");
  background-size: 100% 100%;
  background-attachment: fixed;
}

.container {
  display: flex;
  flex-wrap: wrap;
  gap: 2em;
  justify-content: center;
}

.inner {
  padding: 0.5em 0.5em 0.5em 0.5em;
  width: 100%;
  height: 100%;
}

.icon {
  width:22px;
  height:22px;
  vertical-align:top;
  padding-right: 4px;
  padding-left: 4px;
}

.icon-big {
  width:32px;
  height:32px;
  vertical-align:bottom;
}

section {
  background-color: rgb(30,30,30);
}

ul.tree-view {
  font-size:22px;
}

ul.tree-view a {
  color:blue;
}

h1 {
  font-size: 2.5em;
  padding: 0px 0px 0px 0px;
  margin: 0px;
}

h2 {
  font-size: 1.2em;
  padding: 0px 0px 0px 0px;
  margin: 0px;
}

.start_button {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  font-size: 18px;
  margin: 6px;
  padding-top: 4px;
}

.window_button {
  text-align: center;
  font-size: 18px;
  margin: 2px;
}

.bottom {
  font-size: 24px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

.a {
  color: black;
}

button {
  margin: 2px;
}

button.active {
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px #808080;
}