* {
  margin: 0;
  padding: 0;
}
body {
  background-color: rgb(36, 34, 34);
}

header {
  background-color: hsl(0, 0%, 20%);
}

h1 {
  text-align: center;
  font-family: "Courier New", Courier, monospace;
  color: hsl(0, 0%, 80%);
  font-size: 3em;
  padding-top: 1%;
  padding-bottom: 1%;
}
/*--Navigacija--*/

.navbar ul {
  list-style-type: none;
  background-color: hsl(0, 0%, 24%);
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.navbar a {
  color: hsl(0, 0%, 100%);
  text-decoration: none;
  padding: 15px;
  display: block;
  text-align: center;
  font-family: "Courier New", Courier, monospace;
  font-size: 1.5em;
}

.navbar a:hover {
  background-color: hsl(0, 0%, 13%);
}

.navbar li {
  float: left;
}

/*--Navigacija-konec--*/

/*--Main--*/

/*--MENU--*/

.menu li {
  list-style: none;
}

.menu li a {
  font-family: "Courier New", Courier, monospace;
  font-size: 1em;
  color: burlywood;
  text-decoration: none;
}
/*--seznam objektov v galeriji--*/

.vrsta {
  display: flex;
}

.stolpec {
  flex: 50%;
}

/*--seznam objektov v galeriji--*/

/*--Galaksije--*/

#M31 a {
  font-family: "Courier New", Courier, monospace;
  font-size: 1.1em;
  color: hsl(57, 94%, 49%);
  text-align: justify;
  text-decoration: none;
}

/*--Meglice--*/

#tag1 a {
  font-family: "Courier New", Courier, monospace;
  font-size: 1.1em;
  color: hsl(57, 94%, 49%);
  text-align: justify;
  text-decoration: none;
}

#tag2 a {
  font-family: "Courier New", Courier, monospace;
  font-size: 1.1em;
  color: hsl(57, 94%, 49%);
  text-align: justify;
  text-decoration: none;
}

#tag3 a {
  font-family: "Courier New", Courier, monospace;
  font-size: 1.1em;
  color: hsl(57, 94%, 49%);
  text-align: justify;
  text-decoration: none;
}

#tag4 a {
  font-family: "Courier New", Courier, monospace;
  font-size: 1.1em;
  color: hsl(57, 94%, 49%);
  text-align: justify;
  text-decoration: none;
}

/*-- James Webb--*/

#M16 a {
  font-family: "Courier New", Courier, monospace;
  font-size: 1.1em;
  color: hsl(57, 94%, 49%);
  text-align: justify;
  text-decoration: none;
}

/*-- Hubble--*/

#bubble a {
  font-family: "Courier New", Courier, monospace;
  font-size: 1.1em;
  color: hsl(57, 94%, 49%);
  text-align: justify;
  text-decoration: none;
}

/*--Kometi--*/

#atlas_wf a {
  font-family: "Courier New", Courier, monospace;
  font-size: 1.1em;
  color: hsl(57, 94%, 49%);
  text-align: justify;
  text-decoration: none;
}

#atlas a {
  font-family: "Courier New", Courier, monospace;
  font-size: 1.1em;
  color: hsl(57, 94%, 49%);
  text-align: justify;
  text-decoration: none;
}

/*--Telescope Live--*/

#M83 a {
  font-family: "Courier New", Courier, monospace;
  font-size: 1.1em;
  color: hsl(57, 94%, 49%);
  text-align: justify;
  text-decoration: none;
}

/*--Kopice--*/

#double_cluster a {
  font-family: "Courier New", Courier, monospace;
  font-size: 1.1em;
  color: hsl(57, 94%, 49%);
  text-align: justify;
  text-decoration: none;
}

/*--MENU KONEC--*/

h2 {
  font-family: "Courier New", Courier, monospace;
  font-size: 2.5em;
  color: hsl(0, 20%, 75%);
  background-color: rgb(19, 19, 19);
  padding-top: 0.5%;
  padding-bottom: 0.5;
}

h3 {
  font-family: "Courier New", Courier, monospace;
  font-size: 1.8em;
  color: hsl(0, 20%, 75%);
  text-align: center;
  text-decoration: rgb(135, 126, 126) wavy underline;
  padding-top: 0.5%;
  padding-bottom: 1.5%;
}

h4 {
  font-family: "Courier New", Courier, monospace;
  font-size: 1.5em;
  color: hsl(0, 20%, 75%);
  text-align: justify;
  padding-top: 1%;
  padding-bottom: 0.6%;
}

.astro-objekt {
  width: 85%;
  margin: auto;
  padding: auto;
  text-align: justify;
}

.astro-objekt p {
  font-family: "Courier New", Courier, monospace;
  font-size: 1.3em;
  color: hsl(0, 20%, 75%);
  text-align: justify;
  padding-top: 0.7%;
  padding-bottom: 0.7%;
}

.astro-objekt img {
  display: block;
  margin: auto;
  padding-bottom: 2%;
}

.astro-objekt ul li {
  font-family: "Courier New", Courier, monospace;
  font-size: 1.3em;
  color: hsl(0, 20%, 75%);
}

/*--Main-konec--*/

/*--Footer--*/

footer {
  background-color: hsl(0, 0%, 35%);
  font-family: "Courier New", Courier, monospace;
  width: 100%;
  text-align: center;
  padding: 0.3px 0.3px;
}

footer p {
  font-family: "Courier New", Courier, monospace;
  font-size: 0.9em;
  color: rgb(240, 233, 233);
}

footer a {
  font-family: "Courier New", Courier, monospace;
  font-size: 0.9em;
  color: rgb(118, 176, 226);
}

/*--Footer - konec--*/