body {
  background-color:#517b91
}


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

	::selection {
/* Change highlight background color */
background: #fdbcda;
}

 .Square 
  {
     position: absolute;
  top: 7.5em;
  left: 24em;
  width: 850px;
  height: 570px;
  background: #ffbedc;
  border-left: 1px white;
  border-right: 1px white;
  border-top: 1px white;
  border-bottom: 1px white;
  border-radius: .5em .5em .5em .5em;
  padding: 10px;
  }

 .D1 
  {
     position: absolute;
  top: 0em;
  left: 56em;
  width: 153px;
  height: 350px;
  background: #ffbedc;
  border-left: 1px ;
  border-right: 1px ;
  border-top: 1px ;
  border-bottom: 1px ;
  border-radius: .5em .5em .5em .5em;
  padding: 10px;
  }
  
  .D2
  {
   position: relative; top: 28.7em; left: -0.6em;
  width: 153px;
  height: 100px;
  background: #ffbedc;
  border-left: 1px ;
  border-right: 1px ;
  border-top: 1px ;
  border-bottom: 1px ;
  border-radius: .5em .5em .5em .5em;
  padding: 10px;
  }