body {
background-color: #060409;

}

/* I think i need to change my boxes to containers AHHHHHHHHHHHHHHHHHHHHHHHHHH*/ 

	font-face {
  font-family: 'opendyslexic';
	src: url('http://dyslexicfonts.com/fonts/OpenDyslexic-Regular.otf');
	color: black;
	font-style: normal;
	font-weight: normal;
	}
	font-face {
	font-family: 'opendyslexic';
	src: url('http://dyslexicfonts.com/fonts/OpenDyslexic-Bold.ttf');
	color:black;
	font-weight: bold;
	font-style: normal;
	}
	

	::selection {
/* Change highlight background color */
background: #fdbcda;
color:#1d151f;
}
a {text-decoration: none; color:#b690c1; }

.S1 
  {
  position: relative;
  top: 4.5em;
  left: 23.5em;
  width: 660px;
  height: 600px;
  background: #f4ebff;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-radius: .5em .5em .5em .5em;
  padding: 20px;
  
  font-family: 'opendyslexic';
  color: #508f3c;
  text-align: center;
  font-size: 1.5em;

  }