.griffy-regular {
  font-family: "Griffy", system-ui;
  font-weight: 400;
  font-style: normal;
}

.mountains-of-christmas-regular {
  font-family: "Mountains of Christmas", serif;
  font-weight: 400;
  font-style: normal;
}

.mountains-of-christmas-bold {
  font-family: "Mountains of Christmas", serif;
  font-weight: 700;
  font-style: normal;
}


body{
  height:100%;
  width:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  background-color:#6fa1d6;
  color:#314f07;
  font-family:griffy;
}

.main{
  position:relative;
  height:600px;
  width:800px;
  background-image:url(tudor.png);
  background-size:contain;
  background-repeat:no-repeat;
  text-shadow:0px 0px 5px white;
}

a{
  color:green;
  transition-duration:.2s;
}

a:hover{
  color:red;
}

.house{
  text-align:center;
}

.attic:hover{
  background-image:url(tudor_attic.png);
}

.attic{
  position:absolute;
  margin:130px 0px 0px 192px;
  height:85px;
  width:74px;
}

.kitchen:hover{
  background-image:url(tudor_kitchen.png);
}

.kitchen{
  position:absolute;
  margin:396px 0px 0px 69px;
  height:92px;
  width:95px;
}

.enter:hover{
  background-image:url(tudor_main.png);
}

.enter{
  position:absolute;
  margin:386px 0px 0px 186px;
  height:139px;
  width:69px;
}

.foyer:hover{
  background-image:url(tudor_foyer.png);
}

.foyer{
  position:absolute;
  margin:424px 0px 0px 264px;
  height:85px;
  width:49px;
}

.mudroom:hover{
  background-image:url(tudor_sunroom.png);
}

.mudroom{
  position:absolute;
  margin:413px 0px 0px 377px;
  height:89px;
  width:95px;
}

.garden:hover{
  background-image:url(tudor_garden.png);
  background-repeat:no-repeat;
  background-position:bottom;
}

.garden{
  position:absolute;
  margin:455px 0px 0px 555px;
  height:120px;
  width:78px;
}