html, body {height:100%}

body{
  font-family:"Arial";
  background-image:url("images/green_spiral.webp");
  background-position:center;
  background-attachment:fixed;
  background-color:black;
  background-size:cover;
  background-repeat:repeat;
  overflow: hidden;
}

.container{
    box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
    height: 760px;
    width: 760px;
    border: 2px solid black;
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
}

a:link    { color: inherit; text-decoration: none;}
a:visited { color: inherit; text-decoration: none;}
a:hover   { color: inherit; text-decoration: none;}
a:active  { color: inherit; text-decoration: none;}

.header {
  color: white;
}

.left{
  -webkit-text-stroke: 1px black;
  box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
  color:white;
  font-weight:bold;
  font-family:"Times";
  letter-spacing:20px;
  background-image:url("images/hillsphere.webp");
  background-position:center;
  background-attachment:fixed;
  background-size: 600%;
  font-size:50px;
    text-align: center;
    writing-mode: vertical-rl;
    text-orientation: sideways;
    vertical-align: middle;
    line-height: 200px;    
    border: 3px solid black;
    position:absolute;
    top:0px;
    left:0px;
    width: 150px;
    height: 525px;
}

.top_right{
  box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
  color:white;
  font-weight:bold;
  font-family:"Times";
  letter-spacing:10px;
  background-image:url("images/church.webp");
  background-size: 300%;
  -webkit-text-stroke: 1px black;
  background-position:center;
  background-attachment:fixed;
  font-size:50px;
    text-align: center;
    vertical-align: middle;
    line-height: 240px;    
    border: 3px solid black;
    position:absolute;
    top:0px;
    left:148px;
    width: 610px;
    height: 225px;
}

.middle {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
color:white;
font-weight:bold;
font-family:"Times";
letter-spacing:5px;
background-image:url("images/pink_brain.webp");
background-size: 150%;
background-position:center;
background-attachment:fixed;
font-size:50px;
  text-align: center;
  vertical-align: middle;
  line-height: 285px;    
  border: 3px solid black;
  -webkit-text-stroke: 1px black;
  position:absolute;
  top:222px;
  left:148px;
  width: 270px;
  height: 303px;
}

.right_middle {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
color:white;
font-weight:bold;
font-family:"Times";
-webkit-text-stroke: 1px black;
letter-spacing:-2px;
background-image:url("images/graveyard.webp");
background-size: 200%;
background-position:center;
background-attachment:fixed;
font-size:50px;
  text-align: center;
  vertical-align: middle;
  line-height: 150px;    
  border: 3px solid black;
  position:absolute;
  top:222px;
  left:415px;
  width: 343px;
  height: 205px;
}

.bottom_left{
  box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
  color:white;
  font-weight:bold;
  font-family:"Times";
  letter-spacing:10px;
  background-image:url("images/striped_door.webp");
  background-position:center;
  background-attachment:fixed;
  background-size: 100%;
  font-size:50px;
    text-align: center;
    vertical-align: middle;
    line-height: 200px;    
    border: 3px solid black;
    position:absolute;
    top:523px;
    left:0px;
    width: 195px;
    height: 236px;
    -webkit-text-stroke: 1px black;
}

.bottom_middle {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
color:white;
font-weight:bold;
font-family:"Times";
letter-spacing:5px;
background-image:url("images/the_farmhouse.webp");
background-size: 200%;
background-position:center;
background-attachment:fixed;
-webkit-text-stroke: 1px black;
font-size:50px;
  text-align: center;
  vertical-align: middle;
  line-height: 200px;    
  border: 3px solid black;
  position:absolute;
  top:523px;
  left:193px;
  width: 225px;
   height: 236px;
}

.bottom_right{
  box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
  color:white;
  font-weight:bold;
  font-family:"Times";
  letter-spacing:-2px;
  background-image:url("images/nostalgic_square.webp");
  background-size: 100%;
  background-position:center;
  background-attachment:fixed;
  font-size:50px;
    text-align: center;
    vertical-align: middle;
    line-height: 250px;    
    border: 3px solid black;
    position:absolute;
    top:419px;
    left:415px;
    width: 343px;
    height: 340px;
    -webkit-text-stroke: 1px black;
}

.left:hover {font-size: 4em; letter-spacing: 35px; color: rgb(59, 227, 59);}
.top_right:hover {font-size: 4em; letter-spacing: 20px; color: rgb(59, 227, 59);}
.middle:hover {font-size: 3em; letter-spacing: 5px; color: rgb(59, 227, 59);}
.right_middle:hover {font-size: 4em; letter-spacing: 5px; color: rgb(59, 227, 59);}
.bottom_left:hover {font-size: 4em; letter-spacing: 5px; color: rgb(59, 227, 59);}
.bottom_middle:hover {font-size: 2.5em; letter-spacing: 5px; color: rgb(59, 227, 59);}
.bottom_right:hover {font-size: 3em; letter-spacing: 5px; color: rgb(59, 227, 59);}

.contact:hover {font-size: 4em; letter-spacing: 5px; color: rgb(59, 227, 59); background-size:150%;}

.warning{
    color: red;
    outline: black;
    font-size: 55px;
}