@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');

body {
  background-color: white;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  margin: 5px;
  color: #444;
  text-align: center;
}

*{ box-sizing: border-box; }

#wrapper {
  position: relative;
  width: 100%;
  max-width: 390px;
  margin: 0 auto;
  background-color: #ddd2be;
  height: 385px;
  
}

#bluerect {
  position: absolute;
  right:56px;
  bottom:0px;
  background-color: #3c5082;
  width:281px;
  height:331px;
}

.window {
  position: absolute;
  background-color: #31221b;
  width:53px;
  height:53px;
}

#windowOne {
	top: 60px;
	right: 60px;
}

#windowTwo {
	top: 60px;
	left: 60px;
}

#windowThree {
	bottom: 110px;
	left: 60px;
}

#windowFour {
	bottom: 110px;
	right: 60px;
}