body {
  background: #fff;
  font-size: 0.875em;
  font-family: monospace;
  padding: 0;
  margin: 0;
  background-color: #fefbd8;
  }
  


.wrapper {
  background: #fcc5ef;
  margin: 0 auto;
  width: 1100px; 
  display: flex;
  }
  
.wrapper-2{
  display: contents;
  flex-wrap: wrap;
  justify-content: space-between;
}


.main {
 width: 500px;
 margin: 0 auto;

  }
  
.sidebar-left{
   margin: 0 auto;
  width: 350px;
  overflow:auto;
  }
  
.sidebar-right {
   margin: 0 auto;
  width: 250px;
  overflow:auto;
  }
  

  
.wrapper, .links a {
  color: #000000;
  }
  
  
  
  a:link {
  color: #ad8dc4;
  background-color: transparent;
  text-decoration: underline;
  font-size: 20px;
}
  a:hover {
  background-color: pink;
}
a:visited {
  color: #ad8dc4;
  background-color: transparent;
  text-decoration: none;
}


.box {
  border: 3px double #333;
  background: #fff;
  padding: 0;
  }
  
.header {
  border: 3px double #333;
  background: rgb(182, 234, 250, 0.75);
  text-align: center;
  margin-top: 0px;
  height: auto;
  }
  
.links {
  margin-top: 1em;
  }
  

.footer {
  height: 0;
  }
  
.box h1, .box h2, .box h3, .box h4 {
  background: #dfcbfa;
  margin: 0;
  padding: 0.35em 0.25em 0.3em 0.25em;
  text-align: center;
  border-bottom: 3px double #333;
  
  }
  
.inner {
  padding: 0.25em 1em 0.3em 1em;
  font-size: 1.075em;
  }
  
  
/* For narrow screens: slightly narrows sidebars, and makes the width
 * of the main/center div flexible (sized relative to viewport width.)
 */
@media(max-width:880px) {
  .wrapper {
    width: calc(340px + 50vw);
    }
  .sidebar-left, .sidebar-right {
    width: 160px;
    }
  .main {
    width: 50vw;
    }
  }

/*Mobile compatibility. Just turns it all into a vertical layout.*/  
@media(orientation:portrait) {
  .wrapper {
    width: 96vw;
    margin: 0 auto;
    padding:0;
    position: relative;
    }
  .wrapper-2 {
    width: 94vw;
    margin: 0 auto;
    padding:0;
    position: relative;
    }
  .sidebar-left, .main, .sidebar-right {
    position: relative;
    width: 92vw;
    margin: 0.25rem 1vw;
    }
  }