@import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&family=Lato&display=swap');

body {
    background: url("https://64.media.tumblr.com/e90795dd54780f6de8348f9847861e50/72fde10571677818-de/s1280x1920/a30efdf2bd3a99c61f21b34ffd2889c87043fb92.gifv") 
                no-repeat center center fixed;
    background-size: cover;
    font-family:'Lato', calibri, Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    text-shadow:0px 0px 1px #bbb;
    color:#FE6A6D;
    letter-spacing:1px;
    line-height:11px;
    margin:0;
    padding:0;
}
/* Animated Dragonica Star Glove Pointer - https://www.cursors-4u.com/cursor/animated-dragonica-star-glove-pointer */
* {
  cursor: url('https://cdn.cursors-4u.net/css-previews/animated-dragonica-star-glove-pointer-7186a710-css.webp') 0 0, auto !important;
}
/* End www.Cursors-4U.com Code */

a { text-decoration:none; color:#2ade33; font-weight:bold; }
a:hover { color:#D8A7FE; }
b { color:#49286f; font-weight:bold; }
i { font-style:italic; color:#aaa; }
u { color:#be5cda; text-decoration:none; }

#layout { width:720px; margin:80px auto; }

/* HEADER */
#header {
  width:720px;
  margin:0 auto;
  height:40px;
  border-bottom:1px solid #3b543c;
  text-align:center;
}
#header img { vertical-align:middle; }
#sitename a { font:30px 'Pixelify Sans', courier new; color:#fff; vertical-align:middle; }

/* NAVIGATION */
#navigation {
  width:720px;
  margin:0 auto 10px auto;
  text-align:center;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  border-top:2px solid #3b543c;
  padding-top:1px;
}
#navigation a {
  width:80px;
  display:inline-block;
  background:#a5c8a7;
  font:bold 10px 'Lato', monospace, georgia;
  text-transform:uppercase;
  padding:4px;
  letter-spacing:3px;
  color:#517458;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  margin-right:2px;
}
#navigation a:hover {
  background:#fff;
  color:#69a46c;
}

/* COLUMNS */
#left, #content, #right {
  float:left;
  padding:6px;
  box-sizing:border-box;
}
#left { width:180px; color:#5a5a5a; }
#content { width:360px; color:#656565; }
#right { width:180px; color:#5a5a5a; }

/* BOXES */
.box, .box-without-title {
  background:#fff;
  border:1px solid #23522d;
  box-shadow:5px 6px #4b8858;
  border-radius:0 0 5px 5px;
  padding:8px;
  margin-bottom:14px;
}
.box-without-title { border-top:1px solid #69a46c; }
.title {
  font:14px monospace;
  text-transform:uppercase;
  color:#fff;
  background:#69a46c;
  letter-spacing:3px;
  padding:4px 8px 2px;
  margin-bottom:0px;
  border-radius:5px 5px 0 0;
}

/* MENU */
#menu a {
  display:block;
  width:150px;
  background:#a5c8a7;
  color:#fff;
  padding:2px;
  margin-bottom:4px;
  font:italic 12px georgia, monospace;
  text-align:center;
  text-transform:lowercase;
  letter-spacing:3px;
  border-radius:5px;
}
#menu a:hover { background:#fff; color:#dcbaff; }

/* FOOTER */
#footer {
  width:720px;
  margin:0 auto;
  text-align:center;
  clear:both;
  padding:10px 0;
}