#mascot {
  
  position: absolute;
  margin-left:-80px;
  margin-top:70px;
  
  }


.main-container {
  
  
  margin-right: auto;
  max-width: 850px;
  min-height: 500px;
  display:grid;
  grid-gap: 3px;
 background-color: #212020;
   background-repeat: no-repeat;
   background-size:cover;
  border: 20px solid transparent;
 border-image: url(graylace.png) 30 round;
  
  }
  
  #lacey {
  background-image: url("laces/white-cross.png");
height: auto;
width:auto;
  margin-top:-10px;
  background-repeat: repeat-x;
  background-size: 200px 30px;
  }


#OC {
  
   grid-row: 1 / 4;
   width: 220px;
   
  }

header {
 
 grid-row: 1 / 2;
 grid-column: 1 / 4;
border: 5px double #757475;
min-height: 60px;
background-image: url("bgg.png");
background-size: 650px 200px;
  
  
}

main {
  
  grid-row: 2 / 3;
  grid-column: 1 / 3;
  border: 5px double #757475;
  min-height: 300px;
  height: 300px;
  overflow:scroll;
  overflow-x:hidden;
  max-width: 660px;
  scrollbar-width:none;
  
  }


nav {
  
  grid-row: 2 / 4;
  grid-column: 3 / 4;
  border: 5px double #757475;
  min-height: 300px;
  width:180px;

  
  }
  
  
section {
  
  grid-row: 3 / 4;
  grid-column: 1 / 2;
  border: 5px double #757475;
  height: 150px;
  min-height: 150px;
  overflow:scroll;
  overflow-x:hidden;
  scrollbar-width:none;
  max-width: 300px;
  width: 350px;
  word-break: break-all;
  
  }
  
  article {
  
  grid-row: 3 / 4;
  grid-column: 2 / 3;
  border: 5px double #757475;
    overflow:scroll;
  overflow-x:hidden;
  scrollbar-width:none;
  height: 150px;
  width: 345px;
  word-break: break-word;
  
  
  }


  footer {
  
  grid-row: 4 / 5;
  grid-column: 1 / 4;
  border: 5px double #757475;
  min-height: 60px;
  
  }
  
  
    #scroll-3 {
  
  grid-row: 5 / 6;
  grid-column: 1 / 4;
  border: 5px double #757475;
  min-height: 60px;
  
  }