body {
  background-color: #ccc;
}
header {
  background-color: lightblue;
  border: 1px solid black;
}
nav {
  background-color: darkblue;
  color: white;
}
main {
  background-color: lightcoral;
  border: 1px solid black;
  padding: 0.5em;
}
textarea {
  width: 100%;
}
input:not(.radioBtn),
label:not(.radioBtn) {
  display: block;
  width: 100%;
}
table {
  width: 100%;
}
fieldset {
  margin-bottom: 0.5em;
}

#navitems {
	flex-direction: column;
  gap: 1em;
  display: none;
}
#mobile {
	display: none;
}
#navigation input:checked ~ #navitems {
  display: flex;
}
#navitems ul {
  padding-left: 0.5em;
}
#navitems li {
  list-style: none;
  padding: 0.5em;
}
#navitems li a {
  color: white;
  text-decoration: none;
}
#navitems li:hover {
  background-color: lightblue;
}
#navitems li:hover a {
  color: darkblue;
}
#galleryItems {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#submitBtn {
  cursor: pointer;
  background-color: #e3e3d3;
  border: 1px solid black;
}
#submitBtn:hover {
  background-color: #d3d3d3;
}
.text-center {
  text-align: center;
}
.img-responsive {
  max-width: 100%;
}

@media (min-width: 576px) {
  #navigation label {
    display: none;
  }
  #navitems {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  #navitems li {
    display: inline;
  }
  #galleryItems {
    flex-direction: row;
    justify-content: space-around;
  }
}