body {
  background-color: #CFFFC7;
  font-family:"Georgia";
  margin: 0em
}

h1 {
  color: var(--Red);
  text-align:center;
  font-size: 7vw;
  -webkit-text-stroke: .3vw black;
}

:root {
 --Yellow: #FFF8CC;
 --Red: #CA010C;
 --Green: #155618;
}

#headbox {
position: relative;
background: var(--Green);
z-index: -1;
width: 100%;
padding: 1em 0em 0em 0em;
margin: 0em 0em -.1em 0em
}

#skip {
font-size: 1.2em;
position: relative;
opacity: 0;
}

#skip:focus {
opacity: 100%
}

#skip:link {
position: absolute;
color: white;
left: 1em;
}

#skip:visited {
color: white;
}

#title {
position: relative;
background: radial-gradient(at center, #F9FFF0, #D5E8A1, #FFF8CC);
border-radius: 30%;
margin: auto;
border: 3px solid black;
text-shadow: .2vw .2vw black;
z-index: -2;
width: 95%;
}

#zelda {
  font-size: 2.2em;
}

#wing {
position: absolute;
z-index: -1;
top: 8%;
left: 0;
right: 0;
width: 79%;
margin-left: auto;
margin-right: auto;
opacity: 0.08
}

#hyrule {
  text-align: center;
  font-size: 6vw;
  color: var(--Red);
  text-shadow: .1vw .1vw black;
  -webkit-text-stroke: .2vw black;
}

#triforce {
position: fixed;
top: 40%;
left: 50%;
z-index: -3;
margin-left: -15.6em;
margin-top: -150px;
}

#propertybox {
position: sticky;
top: -1px;
text-align: center;
border-bottom: .15em solid black;
width: 100%;
background: radial-gradient(at center, #DDF1DA, #0a4008);
padding: .5em 0em .5em 0em;
margin:auto;
z-index: 1;
}

#property {
text-align: center;
color: var(--Red);
background-color: var(--Yellow);
border: .02em solid black;
margin: auto;
width: 15em;
font-size: 1.5em;
text-shadow: .5px .5px black;
padding: 0em 0em .1em 0em
}

.container {
  width: 100%;
  height: 100%;
  margin: auto;
  text-align: center;
}


.estates { 
position: relative;
border: 2.5px solid black;
background: radial-gradient(at top, #DDF1DA, #0a4008);
 	width: 30%;
  height: 100%;
  display: inline-block;
  margin: 0em .5em 1em .5em;
  border-radius: 5%;
  min-width: 300px;
}

.estatetext {
text-align: center;
color: white;
font-size: 1.5em;
box-shadow: 0px 0px 10px black;
margin: .5em;
background-color: #365728;
text-shadow: 1.5px 1.5px black;
}

.pad { 
   padding: .5em;
}

.image {
 margin: auto;
 display: block;
border-image: linear-gradient(to right, #FFE253 0%, #FFF7D1 100%) 1;
border-width: 4px;
border-style: solid;
}

.image:hover {
box-shadow: 0px 0px 20px yellow;
transform: rotate(1deg);
}

.infobox {
border: 3px solid black;
margin: 0em .8em;
padding: 0em 0em .3em 0em;
background-color: var(--Yellow);
text-align: left;
vertical-align: 50%;
height: 245px
}

.buy {
  position: absolute;
  color: white;
  text-align: center;
  font-size: 1.2em;
  border: 1px solid black;
  border-radius: 10%;
  width: 110px;
  padding: .2em;
  display: block;
  left:0;
	right:0;
  bottom: 1.6em;
	margin-left:auto;
  margin-right:auto;
}

.buy:link {
  background-color: #D60000;
  text-decoration: none;
}

.buy:hover {
  background-color: pink;
  box-shadow: 0px 0px 15px black;
}

.buy:visited {
  color: black;
  background-color: grey;
}

.buy:active {
  background-color: #FD7777;
  box-shadow: 0px 0px 15px black;
}

.rupees {
  color: var(--Red);
  font-size: 1.8em;
  margin: 0.2em 0em 0em 0em;
  text-align: center;
}

.rupees:hover {
font-size: 2.1em;
}

.rupees:before {
content: url(https://projects.codecraftworks.com/web/yPe62bIiB3smP8LIoBM1/assets/tinyrupee.png);
}

.rupees:after {
content: url(https://projects.codecraftworks.com/web/yPe62bIiB3smP8LIoBM1/assets/tinyrupee.png);
}

.features {
padding: 0em .2em 0em 2em
}

#disclaimerbox {
position: relative;
background-color: var(--Yellow);
border: .25em solid black;
width: 340px;
height: 209px;
margin: auto;
}

#disclaimer {
position: absolute;
color: white;
display: inline-block;
writing-mode: vertical-rl;
text-orientation: upright;
background-color: var(--Green);
padding: -1em .3em 0em .3em; 
margin: -.5em 0em -1em 0em;
left: -1.6em;
height: 209px;
}

#disclaimerinfo {
position: absolute;
width: 92%;
height: 185px;
margin: .5em 0em 0em 1.6em;
padding: 0em 0em 0em 0em;
}

#disclaimerlink {
position: relative;
font-size: 1.3em;
left: 2.5em;
top: -.5em
}