html {
  height: 100%;
  display: flex;
  justify-content: center; }
  


body {
  background-color: #003b3b;
   background-image: url("https://pastel-prehistory.neocities.org/neocitiesbg.jpg");
  margin: 0;
  padding: 2rem;
  p.solid {border-style: solid;}
  
  font: Times New Roman, serif;
  font-size: 14px;
  color: #000000;
 a:link {
  color: #ff00a2;
  background-color: #ff00a2;
  text-decoration: none;
}

a:visited {
  color: #ff00a2;
  background-color: #ff00a2;
  text-decoration: none;
}

a:hover {
  color: #ff00a2;
  background-color: #ff00a2;
  text-decoration: underline;
}
  flex-grow: 1;
  display: flex;
  justify-content: center; }

.wrapper {
  width: 80rem;
  padding: 2rem;
  display: flex;
  flex-direction: column; }

.header {
  background-color: #ffe1ab; }

.header > img {
  width: 100%;
  height: 100%; }

.navbar {
  background-color: #f5f5b9;
  display: flex;
  min-height: 3vh;}

.content {
  background-color: #d3eeab;
  flex-grow: 2;
  display: flex; }

.left-sidebar {
  background-color: #c9ffed; }

.right-sidebar {
  background-color: #d2d3ff; }

.left-sidebar, .right-sidebar {
  width: 250px; }

.center-bar {
  background-color: #cbffff;
  flex-grow: 2;
  display: flex;
  flex-direction: column; }

.section-a {
  background-color: #d1d1ff;
  display: flex;
  flex-direction: row;
  height: 10rem; }

.section-b {
  background-color: #ffddff;
  height: 15rem; }

.section-c {
  background-color: #ffe9ec;
  background-image: url("https://pastel-prehistory.neocities.org/grass.png");
  flex-grow: 1; }

footer {
  background-color: #ffd8bf; }

.section-a1 {
  background-color: #dcc1ec;
  flex-grow: 1; }

.section-a2 {
  background-color: #a58dd1;
  flex-grow: 1; }

@media screen and (max-width: 80rem) {
  .wrapper {
    width: 100%; }

  .content {
    flex-direction: column; }

  .center-bar {
    order: 1; }

  .left-sidebar {
    order: 2; }

  .right-sidebar {
    order: 3; }

  .left-sidebar, .right-sidebar {
    width: 100%; }

  .header > img {
    max-width: auto;
    height: 100%; } }
@media screen and (max-width: 600px) {
  .wrapper {
    padding: 0.5rem; } }

/*# sourceMappingURL=style.css.map */