body {

         /* background-color: #D3D3D3;  #cad0b2 #443335*/
          background-color: #e5a36d;

        }


        .button {
            display: inline-block;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
            color: #ffffff;
            background-color: #871554;
            border-radius: 6px;
            outline: none;
            font-size: 15px;
        }
        .text-center {
            text-align: center;
        }


img{
    max-width:100%;
    max-height:100%
}



.div-main{
  border-radius: 5px;
  background-color: #ffffff;
  padding: 20px;
  border-style: groove;
}


.div-sub{
  border-radius: 5px;
  background-color: #ffffff;
  padding: 20px;
  border-style: groove;
  text-align: left;

}

.div-image{
  background-color: #ffffff;
  padding: 20px;
  border-style: groove;
  text-align: center;
  width: 10%;
  height: 100px;
}

#east{
	top: 40%;
	left: 5%;
}

#west{
	top: 40%;
	right: 5%;
}

#north{
	top: 5%;
	right: 40%;
}

#south{
	bottom: 5%;
	right: 40%;
}

#midcore{
	bottom: 40%;
	right: 40%;
}


.div-image-no-border{
  /*background-color: #ffffff;*/
  padding: 2px;
  text-align: center;
  width: 20%;
  height: 100px;
}

.div-image:hover {
  background-color: #0066ff;
  color: white;
}
.div-image-no-border:hover {
  background-color: yellow;
  color: white;
}

.image{

}

#tab-space {
  -moz-tab-size: 4; /* Firefox */
  tab-size: 4;
}



a:link {
  color: white;
  text-decoration: none;
}

a:hover {
  color: pink;
}

a:active {
  color: yellow;
}

.background-switch {
  text-align: center;
  padding: 1em;
  max-width: 250px;
  font-size: 1em;
  border: 2px ;
  background-color: #871554;
  color: white;
  padding: 10px;
  border-radius: 25px;
}
.background-switch:hover {
  background-color: #a14b58;
  color: white;
}

.background-span-switch {
            display: inline-block;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
            color: #ffffff;
            background-color: #871554;
            border-radius: 6px;
            outline: none;
            font-size: 15px;
}

.background-span-switch:hover{
  background-color: #a14b58;
  color: white;
}

.hover-rotate { margin-left: 30px; }

.hover-rotate:hover {
  -ms-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);

}

.hover-outline {
  margin-left: 30px;
  margin-top: 10px;
}

.hover-outline:hover {
  outline: 5px solid gray;
  outline-offset: 10px;
}