/**************
|  style.css  |
**************/

* {
  margin: 0;
}

html {
	background-color: #fff;
}

body {
	background-color: #fff;
	color: #333;
  font-family: serif;
  text-align: center;
  margin: auto;
  width: 50%;
  padding: 0;
}

.easy-street {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
  align-items: flex-start;
  justify-content: space-evenly;
}

h1 {
  margin: 0;
  padding: 0;
  letter-spacing: 0.08em;
	text-shadow: 2px 2px 5px snow;
}

.house1,
.house2 {
  width: 270px;
  background-color: lightblue;
	border: solid 20px #333;
  border-radius: 44px;
  margin: 50px 0 0;
}

#line1h {
  font-size: 69px;
  margin: -5px 0 0;
}

#line2h {
  font-size: 103px;
  margin: -34px 0 0;
}

#line3h {
  font-size: 51px;
  margin: -35px 0 0;
}

#line4h {
  font-size: 37px;
  margin: -30px 0 0;
}

.hspan {
  font-size: 100px;
  color: darkred;
	text-shadow: 2px 2px 5px snow;
}

#line1c {
  font-size: 41px;
  margin: -5px 0 0;
}

#line2c {
  font-size: 95px;
  margin: -32px 0 0;
}

#line3c {
  font-size: 69px;
  margin: -30px 0 0;
}

.cspan {
  font-size: 100px;
  color: darkred;
	text-shadow: 2px 2px 5px snow;
}

@media screen and (max-width: 1024px) {
  body {
    width: 99.5%;
  }
}