body {
  background:#fbdcdc;
  font-family: ms gothic;
  font-size: 18px;
  letter-spacing: 0.1em;
  background-image: url("https://lavenderivy.com/rocknroll.gif");
  
  }
  
.top-box {
  background: #000000;
  color: white;
  max-height: 400px;
  overflow: auto;
  margin: 20%;
  margin-top: 12%;
  margin-bottom: 8%;
  padding: 3%;
  padding-top: 1%;
  border: 5px ridge black;
  }
  
.main-box {
  background: #000000;
  color: white;
  width: 1000px;
  max-height: 500px;
  overflow: auto;
  margin-left:20%;
  margin-right:50%;
  margin-top: 7%;
  padding: 3%;
  padding-top: 1%;
  border: 5px ridge black;
  }
  
a {
	color: white;
}

a:hover {
	color: #0C0910;
	font-style: italic;
}
  #text {
    -webkit-text-stroke: 1px purple;
    color: white;
    font-family: Arial Black, Gadget, sans-serif;
    text-align: center;
  }

    #sectionscrolling {
      overflow: scroll;
      overflow-x: hidden;
      height: 10em;
      padding:1rem;
     border: 3px dotted #fff;
    }

h1 {
	text-decoration: underline;
	font-size: 19px;
}

footer {
	margin: 0px;
	text-align: center;
}