html {
  height: 100%;
  display: flex;
  justify-content: center; }

body {
  background-color: #fee8ff;
  background-image: url("https://pastel-prehistory.neocities.org/main%20assets/pinkdinobg.png");
  margin: 0;
  padding: 0;
  flex-grow: 1;
  display: flex;
  justify-content: center; }

.wrapper {
  width: 80rem;
  padding: 2rem;
  display: flex;
  flex-direction: column; }


.header {
border-style: solid;
border-width: 3px; 
}

.header > img {
width: 100%;
height: 100%;
background-color: #ffe1ab
border-style: solid;
border-width: 4px; 
}

.navbar {
background-color: #dedede;
height: 31px; 
border: 3px solid #828282;
border-bottom:10px solid yellow; border-image:url('https://pastel-prehistory.neocities.org/main%20assets/spikes.png') 100 round;background-origin:border-box;
}

.content {
  flex-grow: 2;
  display: flex;
  background-color: #ffa2c4;
}

.left-sidebar {
  background-color: #dedede;
border-bottom:10px solid yellow; border-image:url('https://pastel-prehistory.neocities.org/main%20assets/spikes.png') 100 round;background-origin:border-box;
border-left:10px solid yellow; border-image:url('https://pastel-prehistory.neocities.org/main%20assets/spikes.png') 100 round;background-origin:border-box;
border-right:10px solid yellow; border-image:url('https://pastel-prehistory.neocities.org/main%20assets/spikes.png') 100 round;background-origin:border-box;  
}

.right-sidebar {
  background-color: #dedede;
border-right:10px solid yellow; border-image:url('https://pastel-prehistory.neocities.org/main%20assets/spikes.png') 100 round;background-origin:border-box;
border-left:10px solid yellow; border-image:url('https://pastel-prehistory.neocities.org/main%20assets/spikes.png') 100 round;background-origin:border-box;
border-bottom:10px solid yellow; border-image:url('https://pastel-prehistory.neocities.org/main%20assets/spikes.png') 100 round;background-origin:border-box;  
}

.left-sidebar, .right-sidebar {
  width: 250px; }

.center-bar {
  flex-grow: 2;
  display: flex;
  flex-direction: column; 
}

.section-a {
  display: flex;
  flex-direction: row;
  height: 13.5rem; 
  margin-bottom: 25px;
   width: 860px;
}

.section-b {
  background-color: #dedede;
  height: 20rem;
border: 3px solid #828282;
margin-bottom: 25px;
}

.section-c {
  background-color: #ffe9ec;
   background-image: url("https://pastel-prehistory.neocities.org/main%20assets/grass.png");
  display: flex;
  flex-direction: row;
  height: 50rem; 
border: 3px solid #39995f;
}

footer {
  background-color: #dedede; 
  height: 150px; 
border: 3px solid ;
  margin-top: 25px;
align-items: center;
}

.section-a1 {
   width: 120px;
  flex-grow: 1; 
border-width: 3px;
margin-right: 65px;
}

.section-a2 {
   background-color: #dedede;
  flex-grow: 1; 
border-bottom:10px solid yellow; border-image:url('https://pastel-prehistory.neocities.org/main%20assets/spikes.png') 100 round;background-origin:border-box;
border-left:10px solid yellow; border-image:url('https://pastel-prehistory.neocities.org/main%20assets/spikes.png') 100 round;background-origin:border-box;  
  
  
   width: 800px;
}

@media screen and (max-width: 100rem) {
  .wrapper {
    width: 100%; }

  .content {
    flex-direction: column; }

  .center-bar {
    order: 1; }

  .left-sidebar {
    order: 2; }

  .right-sidebar {
    order: 3; }

  .left-sidebar, .right-sidebar {

  .header > img {
    max-width: auto;
    height: 100%; } }
@media screen and (max-width: 600px) {
  .wrapper {
    padding: 0.5rem; } }

/*# sourceMappingURL=style.css.map */



@media screen and (max-width: 100rem) {
  .wrapper {
    width: 100%; }

  .content {
    flex-direction: column; }

  .center-bar {
    order: 1; }

  .left-sidebar {
    order: 2; }

  .right-sidebar {
    order: 3; }

  .left-sidebar, .right-sidebar {

  .header > img {
    max-width: auto;
    height: 100%; } }
@media screen and (max-width: 600px) {
  .wrapper {
    padding: 0.5rem; } }

/*# sourceMappingURL=style.css.map */
}

