a {
  color: #063559;
}

a:hover {
  font-style: italic;
  color: #b95d43;
}

body {
  font-family: monospace;
  background-color: white;
  color: #063559;
}

.title {
  display: flex;
  flex-direction: column;
}
.title h1 {
  font-family: monospace;
  font-size: 2rem;
  margin-bottom: 0px;
}

.nav {
  border-bottom: 1px #063559 dotted;
  padding-bottom: 5px;
}

.container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  justify-content: center;
}

.container2 {
  display: flex;
  justify-content: center;
}

.main {
  display: flex;
  flex-direction: column;
}

.page {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.footer {
  border-top: 1px black dotted;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .container {
    display: flex;
    justify-content: center;
    width: 50%;
  }
}
body {
  background: #22003d;
  background: linear-gradient(183deg, rgb(34, 0, 61) 0%, rgb(77, 30, 179) 49%, rgb(149, 94, 181) 100%);
}

a {
  font-size: 1rem;
}

a:hover {
  text-decoration: line-through;
}

h2 {
  text-align: right;
}

.container {
  border: rgb(207, 255, 175) solid 6px;
  background-color: white;
  border-top: none;
  padding: 10px;
}

article {
  display: flex;
  flex-wrap: wrap;
}
article img {
  width: 50%;
}

@media only screen and (max-width: 600px) {
  article img {
    width: 100%;
  }
}/*# sourceMappingURL=zinelayout.css.map */