/* ------------------------------ HELLO ------------------------------ */
/* ------------------------------ HELLO ------------------------------ */
/* ------------------------------ HELLO ------------------------------ */
/* --------------------------- THIS IS FOR --------------------------- */
/* --------------------------- VERiations! --------------------------- */
/* ----------------------------- Thanks! ----------------------------- */
/* ------------------------------ HELLO ------------------------------ */
/* ------------------------------ HELLO ------------------------------ */
/* ------------------------------ HELLO ------------------------------ */

body {
    background-color: #888888;
    background-image: url("http://birdsandpaper.net/veriations/images/tartan_blue.png");
    background-repeat: repeat;
	  background-attachment: fixed;
    font-family: helvetica; font-size: 13px; color: #022F45;
    height: 100%;
    padding: 0px; margin: 0px;
  }
  
  A:link { text-decoration: none; color:#022F45; }
  A:visited { text-decoration: none; color:#022F45; }
  A:active { text-decoration: none; color:#022F45; }
  A:hover { text-decoration: line-through; color:#2A4B5B; }
  
  p { 
    font-family: 'Permanent Marker', cursive;
    font-size: 18px; color: #022F45; 
    height: 15px; 
    padding: 0px; margin: 10px;
    text-align: center;
    text-decoration: none;
  }
  
  h1 {
    padding: 0px; margin: 0px;
    font-family: 'Rock Salt', cursive;
    font-size: 60px;
    color: rgba(255, 255, 255, 0.5);
    background-image: -webkit-linear-gradient(92deg, red, yellow);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	  -webkit-animation: hue 60s infinite linear;
    text-shadow: 0px 0px 6px rgba(150, 150, 150, 0.3);
  }
  
  @-webkit-keyframes hue {
    from { -webkit-filter: hue-rotate(0deg); }
    to { -webkit-filter: hue-rotate(-360deg); }
  }
  
  .wrap {
    background-color: transparent;
    padding: 0px; margin-left: auto; margin-right: auto;
    height: 100%; width: 900px;
    position: relative;
    overflow: none;
  }
  
  .navi {
    background-color: #5691ad;
    padding: 0px 5px 0px 5px; margin: 0px;
    height: 100%; width: 170px;
    border-left: 10px #034769 solid;
    float: left; overflow: auto;
    text-align: center;
  }
  
  .content {
    background-color: #5691ad;
    padding: 0px 5px 0px 5px; margin: 0px;
    height: 100%; width: 680px;
    border-left: 10px #034769 solid; border-right: 10px #034769 solid;
    float: right; overflow: auto;
    text-align: center;
  }
  
  #navbox-title {
    display: inline-block;
    font-family: 'Permanent Marker', cursive;
    background-color: #A4CFE4;
    padding: 5px; margin: 0px 0px 5px 2px;
    height: 25px; width: 135px;
    border-radius: 5px;
    text-align: center;
  }
  
  #navbox-long {
    display: inline-block;
    background-color: #A4CFE4;
    padding: 5px; margin: 0px 0px 5px 2px;
    height: 15px; width: 135px;
    border-radius: 5px;
    text-align: center;
  }
  
  #navbox {
    display: inline-block;
    background-color: #A4CFE4;
    padding: 5px; margin: 0px 0px 5px 2px;
    height: 15px; width: 60px;
    border-radius: 5px;
    text-align: center;
  }
  
  #mainbox {
    background-color: #A4CFE4;
    padding: 10px; margin: 0px;
    width: 600px;
    border-radius: 25px;
    text-align: justify;
    overflow: none;
  }
  
  #minibox {
    display: inline-block;
    background-color: #A4CFE4;
    padding: 5px; margin: 0px 0px 5px 3px;
    width 90px;
    border-radius: 5px;
    text-align: center;
  }

  #petbox {
    display: inline-block;
    background-color: #A4CFE4;
    padding: 5px; margin: 0px 0px 5px 3px;
    width 220px;
    border-radius: 5px;
    text-align: center;
  }
  
  #minibox img {
    margin-bottom: 5px;
    height: 70px; width: 70px;
    mix-blend-mode: multiply;
  }

  #petbox img {
    margin-bottom: 5px;
    height: 200px; width: 200px;
  }

  #contentbox {
    display: inline-block;
    background-color: #A4CFE4;
    padding: 5px; margin: 3px;
    height: 32px; width: 100px;
    border-radius: 5px; border: 1px #022F45 solid;
    text-align: center;
  }

  #contentbox img {
    padding: 0px; margin: 0px;
    height: 70px; width: 70px;
    mix-blend-mode: multiply;
  }