*{margin:0;padding:0}
div,h1,h2,h3,p,ul,li,input,textarea{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
a{text-decoration:none;outline:none}
a img{border-style:none}
ul,li{list-style-type:none}
html {
font-size:62.5%
}
html, body {
height: 100%;
}
body {
display: flex;
flex-direction: column;
min-height: 100vh;
background-image:
url("image/upperBG.gif"),
url("image/polka-dots.png");
background-repeat:
repeat-x,
repeat;
background-position:
top left,
top left;
background-size:
116px auto,
auto;
text-align:left;
letter-spacing:1px;
text-shadow: 0px 0px 1px #bbb; /* main text shadow */
font:10px 'lato',calibri, tahoma;  /* main font */
color:#a38494; /* text */
cursor: url(image/cursor.gif), auto;
}
*:active {
cursor: url(image/cursor.gif), auto;
}
a:link, a:visited, a:active {
color:#a38494;text-decoration:none;} /* links color */
a:hover {
color:#f794c6;} /* links hover color */
i {color:#93cf38;font-weight:500;} /* italic text */
b {color:#eeb0ce;} /* bold text */
::-webkit-scrollbar-thumb {
background-color: #fff;  
border-radius: 0px;
border:1px solid #b090a1; /* scrollbar */
}
::-webkit-scrollbar {
width: 7px; height: 4px; 
background: #eee; /* scrollbar */
}
#layout {
margin: 170px auto;
width: 600px;
}
#header1 {
width: 600px;
float: left;
margin: 0 auto;
}
#header2 {
background: transparent;
border-top-left-radius: 20px;
border-top-right-radius:20px;
margin: 0 auto;
}
#navigation1 {
width: 600px;
float: left;
margin: 0 auto;
}
#navigation2 {
height: 20px;
line-height:20px;
background: #fdc9e3;  /* menu bg */
margin: 0px;
text-align:center;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-top:2px solid #fcf2f8;  /* menu light border */
}
#navigation2 a {
background:transparent; font:10px monospace,georgia;
text-transform:uppercase;font-style:normal;line-height:20px;
padding:4px; letter-spacing:3px;margin-right:6px;color:#e082b1;}  /* menu text */
#navigation2 a:hover {
background:transparent; font:10px monospace,georgia;
text-transform:uppercase;font-style:normal;line-height:20px;
padding:4px; letter-spacing:3px;margin-right:6px;color:#f794c6;}  /* menu text hover */
#content1 {
width: 280px;
float: left;
margin: 0 auto;
}
#content2 {
height:300px;
min-height:300px;
overflow:auto;
overflow-x:hidden;
background: #ffffff;
border-top: 1px solid #5c3e4e;
margin: 0px;
padding:4px;
}
#content3 {
margin: 170px auto;
height:700px;
min-height:700px;
width:700px;
overflow:auto;
overflow-x:hidden;
background: #ffffff;
border: 1px solid #5c3e4e;
margin-top: 140px;
padding:4px;
}
#left1 {
width:160px;
float: left;
margin: 0 auto;
}
#left2 {
height:300px;
min-height:300px;
background: #fff;
border-top: 1px solid #5c3e4e;
border-right:1px solid #ded3d9;
margin: 0px;
padding:4px;
overflow:auto;
overflow-x:hidden;
}
#right1 {
width: 160px;
float: left;
margin: 0 auto;
}
#right2 {
height:300px;
overflow:auto;
overflow-x:hidden;
border-top: 1px solid #5c3e4e;
background: #fff;
border-left: 1px solid #dddddd;
margin: 0px;
padding:4px;
}
#footer1 {
width: 600px;
float: left;
margin: 0 auto;
clear: both;
}
#footer2 {
height: 20px;
line-height:20px;
text-align:center;
background: #fdc9e3;  /* footer bg */
border-bottom-left-radius: 20px;
border-bottom-right-radius:20px;
margin: 0px;
border-top:1px solid #fcf2f8;  /* footer light border */
}
.title {background:transparent;text-transform:uppercase; font:bold 11px monospace, arial; 
color:#666;line-height:10px;padding:1px;padding-bottom:1px;border-bottom:1px solid #bbbbbb;margin-bottom:4px;letter-spacing:2px;}
.bigtitle {font-family:"Galada", Monospace, arial;font-size:30px;text-align:center;letter-spacing:5px;color:#eeb0ce;text-shadow:0px 0px 4px #fefee3;}
.box {
background:#fff;  /* boxes */
border-left:2px solid #ded3dd;
border-right:2px solid #ded3dd;
border-bottom:2px solid #ded3dd;
border-top:2px solid #ded3dd;
padding:4px;
margin-bottom:4px;}
.menu {
display:block;background:#fff;margin-bottom:1px;padding-left:5px;text-transform:uppercase;border-left:0px solid #e082b1;letter-spacing:1px;
font:10px monospace, arial;color:#a38494;
}
.menu:hover {
display:block;background:#fff5fb;margin-bottom:1px;padding-left:5px;text-transform:uppercase;border-left:0px solid #c4d18c;letter-spacing:1px;
font:10px monospace, arial;color:#c0a0b0;
}
button{
color:#a38494;
font-weight:600;
border: none;
background: none;
font-size:10px;
margin-bottom:5px;
padding:5px;
font-family:monospace, arial;
}
textarea {
color:#a38494;
background-color:#fff;
border-color:#e7dced;
text-shadow: 1px 0px 0px #ded3dd;
box-shadow:1px 1px 0px #A0A194;
font-family:monospace, arial;
resize: none;
font-size:10px;
overflow:auto;
}
mark {
color:#a8ad5c;
background-color: #d1fa94;
}
.back-button {
  position: fixed;
  left: 100px;
  top: 137px;
}
.cf:before,.cf:after{content:" ";display:table}
.cf:after{clear:both}