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

body {
  background-color: rgba(34, 39, 46);
  height: 100vh;
}

nav.bar {
  top: 0;
  display: flex;
  justify-content: center;
  position: sticky;
  padding: 1rem;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}

nav.bar ul {
  display: flex;
  justify-content: center;
  list-style: none;
  font-family: "Courier New", Courier, monospace;
  font-size: x-large;
  text-decoration: none;
  gap: calc(3rem);
  padding: 0;
}

nav.bar ul.links li a.link {
  text-decoration: none;
  font-style: italic;
  color: whitesmoke;
  opacity: 1;
}

div.main_title {
  display: flex;
  justify-content: center;
  margin-top: 5%;
  opacity: 1;
}

.main_title img {
  width: 30%;
  height: auto;
}

h1.homepage {
  font-size: xx-large;
  color: whitesmoke;
}

h1.homepage.konserter {
  display: flex;
  justify-content: center;
}

p {
  display: flex;
  justify-content: center;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: whitesmoke;
  padding: 0;
  height: 0;
}

div.background {
  z-index: -1;
}

div.divider {
  z-index: 0;
}

div.white_line {
  background-image: url("../media/white_divider_line.png");
  z-index: 1;
  image-rendering: optimizeQuality;
  position: relative;
  background-position: center center;
  top: calc(-8rem - 10%);
  height: 1%;
  padding: 0;
}

div.homepage {
  background-image: url("../media/dark_forest.jpg");
  image-rendering: optimizeQuality;
  opacity: 0.3;
  position: relative;
  top: calc(-8rem - 10%);
  background-size: cover;
  background-repeat: repeat;
  background-position: center center;
  height: 100%;
  height: 50vh;
}

div.first_index {
  background-image: url("../media/main_background_black.jpg");
  image-rendering: optimizeQuality;
  opacity: 0.3;
  z-index: -1;
  position: relative;
  top: calc(-8rem - 10%);
  background-size: cover;
  background-repeat: repeat;
  background-position: center center;
  height: 100%;
}

.maintenance {
  background-image: url("../media/dark_forest.jpg");
  position: relative;
  top: calc(-8rem - 10%);
  background-size: cover;
  background-repeat: repeat;
  background-position: center center;
  height: 100%;
}

#maintenance {
  color: white;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-style: italic;
  margin-top: 25rem;
  display: flex;
  justify-content: center;
}