body {
  background: #b1b1b1;
  background-image: 
    linear-gradient(transparent 79px, #a7a7a7 79px, #a7a7a7 81px, transparent 81px),
   linear-gradient(#a7a7a7 .1em, transparent .1em);
  background-size: 100% 1.2em;
	text-align: left;
	background-attachment: fixed;
  background-position:center;
	font-family: "pictochat";
	  src: url(fonts/pictochat.otf);
	font-size: 24px;
  }
  
.backbutton{
  position:fixed;
  margin-top:15px;
  margin-left:20px;
  transform: scale(1.9);
}
center {
  text-align: center;
  }
  
.right {
  float: right;
  margin-right: 5px;
  font-family: "Arial", sans-serif;
  line-height: 12px;
}

a {
  color: #591f8f;
  }
  
.grower:hover {
  transition-duration: .2s;
  transform: scale(1.1);
}

.top-left {
  position:fixed;
  top:15px;
  margin-left:45px;
  margin-top:15px;
}

.title-bar {
  background:#b9b8f1;
  min-width:120px;
  max-width:300px;
  min-height:25px;
  max-height:85px;
  padding-left:8px;
  margin-top:-7px;
  margin-left:-7px;
  border:2px solid #18158b;
  border-bottom-right-radius:10px;
  border-top-left-radius:10px;
  overflow:auto;
}

.inner {
  border-radius:10px;
  border:2px solid #18158b;
  margin: -15px 10px -15px 10px;
  padding-left:5px;
  padding-top:5px;
  background:#ffffff;
  background-image: 
    linear-gradient(transparent 23px, #b9b8f1 23px, #b9b8f1 25px, transparent 25px),
   linear-gradient(#eee .1em, transparent .1em);
  background-size: 100% 1em;
  line-height:1;
  text-align: left;
}
.bg {
  width:460px;
  align-items:center;
  justify-content:center;
  background:#ffffff;
  min-height:1080px;
  position:absolute;
  margin-top:-15px;
  margin-left:105px;
  border:8px solid #a7a7a7;
  padding-bottom:10px;
}

.box {
  border-radius:20px;
  width:420px;
  margin-top:25px;
  padding-top:25px;
  margin-left:15px;
  padding-bottom:35px;
  background:#afafaf;
  border:5px solid #626262;
  
}

.right-corner{
  position: fixed;
  top:15px;
  margin-left: 950px;
  margin-bottom: 1300px;
}