body {

	font-size: 18px;
	margin: 0;
  padding: 0px;
  background: #9a80dc;
  color: black;
  background-image: url("https://file.garden/Z19rBJORyQGK_Ix-/template/water.gif");
}

.wrapper {
  min-width: 1015px;
}

.topbar {
 background-image: url("https://file.garden/Z19rBJORyQGK_Ix-/template/browntexture.gif");
  width: 110%;
  height:80px;
  margin-bottom: -20px;
    position: relative;
    right: 23px;
    top:-20px;
    border: 0px solid black;
 border-bottom-width: 3px;
}

.page.sidebar {
  background-image: url("https://file.garden/Z19rBJORyQGK_Ix-/template/browntexture.gif");
  padding: 20px;
  height: auto;
  float: left;
  margin: 0px;
  width: 18%;
  min-width: 200px;
  box-shadow: 10px 5px 5px rgba( 49, 27, 100, .1);
  border: 0px solid black;
  border-right-width: 3px;
  border-bottom-width: 3px;
}

.page.mainbar {
  padding: 20px;
  height: auto;
  width: 72%;
  display: inline-block;
  
}

.box {
  background-color: white;
  width:100%;
  padding: 20px;
  margin-top: 5px;
  margin: auto;
  border: 3px solid black;
  box-shadow: 10px 5px 5px rgba( 49, 27, 100, .1);
  clear:left;
}

.scrollbox {
  background-color: #E5FCFF;
  width:90%;
  height:400px;
  padding: 20px;
  margin-top: 5px;
  margin: auto;
  border: 3px solid #9a80dc;
  border-radius: 18px;
  box-shadow: rgba(0, 0, 0, 0.06) 3px 4px 4px 3px inset;
  overflow-y: scroll;
}

.button {
  font-size: 25px; 
  width:75%;
  padding:5px;
  padding-top:10px;
  padding-bottom:10px;
  border: 3px solid black;
  color:black;
}

.grid-container {
  display: inline-grid;
  grid-template-columns: auto auto;
  padding: 10px;
}

.grid-item {
  padding: 10px;
  text-align: left;
}

.pagewrapper {
  min-width:500px;
  width:60%;
  margin:auto;
}

.pagetop {
  background-image: url("https://file.garden/Z19rBJORyQGK_Ix-/template/browntexture.gif");
  width:98%;
  padding: 2px;
  padding-left:10px;
}