a:link {
        color: #ccffcc;
        text-decoration:none;
    }

    a {
        color: #ccffcc;
        text-decoration:none;
    }

    a:hover {
        color:orange;
        font-style: bold;
        text-shadow: 2px 2px 2px black;
    }

    a img:hover {
        transform: scale(1.3);
        -webkit-transition: all .25s ease;
        transition: all .25s ease;
    }

    h1 {
        color: white;
        text-shadow: 2px 8px 6px rgba(0,0,0,0.2),
                         0px -5px 35px rgba(255,255,255,0.2);
        font-size: 4em;
    }
    
    h2 {
        color: white;
        margin-top: 0px;
        text-shadow: 3px 4px 3px rgba(165, 115, 115, 0.2),
                         0px -2px 13px rgba(255,255,255,0.2);
        font-size: 2.75em;
        text-transform: capitalize;
    }

    summary h1:hover {
        color: orange;
        text-shadow: 4px 4px 4px black;
    }

    summary h2:hover {
        color: orange;
        text-shadow: 4px 4px 4px black;
    }

    details > summary {
        list-style: none;
    }

    details > summary::-webkit-details-marker {
        display: none;
    }
    
    h3 {
        color: orange;
        position: relative;
        bottom: 45px;
        margin-bottom: -20px;
    }

    body {
        opacity: 1;
        font-family: 'Voltaire', sans-serif;
        min-width: 750px;
        background-image: url(../images/backgrounds/generalbackground.jpg);
        background-attachment: fixed;
    }

    p {
        font-size: 1.5em;
    }

    ul {
        list-style-type: none;
    }

    td {
        font-size: 1.3em;
        text-align: center;
        color: white;
        text-shadow: 2px 2px 2px black;
    }

    table {
        background-image: url(../images/backgrounds/table2background.jpg);
        background-size: cover;
        background-color: #665546;
        padding: 10px 15px;
        border: black 3px solid;
        border-radius: 20px;
        margin: auto;
        margin-bottom: 50px;
        z-index: 1;
    }

    thead td {
        font-size: 2em;
        text-transform: capitalize;
        font-weight: bold;
    }

    th {
        font-size: 2em;
        color: white;
    }

    thead img {
        margin: 0px 20px;
    }

    .container ul li {
        color: white;
        font-size: 1.75em;
        text-align: right;
        padding-right: 5px;
        margin: 15% 5% 0% 0%;
        margin-bottom: 25px;
    }

    td table {
        border:none;
    }

    li iframe {
        position: absolute;
        left: 5px;
    }
        
    .container {
        width: 100%;
    }

    .nav {
        background-image: url(../images/backgrounds/tablebackground.jpg);
        background-size: cover;
        left: 0px;
        top: 0px;
        width: 180px;
        height: 100%;
        border: 3px solid black;
        float: left;
        position: fixed;
    }

    .about {
        margin-left: 180px;
        text-align: center;
        overflow: hidden;
    }

    .comment {
        display: inline-block;
        padding: 10px 10px 10px 100px;
        margin-bottom: 50px;
        margin-left: -100px;
    }

    .comment p {
        color: black;
        text-shadow: 0 1px white;
    }

    .face {
        float: left;
    }

    .face img {
        height: 160px;
        width: 150px;
        position: absolute;
    }

    .dialog {
        float: right;
        background-color: #98d8ff;
        border: 3px solid white;
        border-radius: 10px;
        padding: 5px 10px 5px 160px;
    }

    .dialog2 {
        max-width: 580px;
        text-shadow: 0 1px white;
        background-color: #98d8ff;
        border: 3px solid white;
        border-radius: 0px 10px 10px 10px;
        padding: 15px 15px;
        margin: auto;
        margin-bottom: 50px;
    }

    .dialog2 a {
        text-shadow: 2px 2px 2px black;
    }

    .tier td {
        border: 1px solid black;
        border-radius: 10px;
        width: 150px;
        height: 100px;
    }

    .tablepage img {
        border: 1px solid black;
        border-radius: 10px;
    }

    .expand {
        width: 600px;
    }

    .stack td {
        padding-bottom: 20px;
        font-size: 1.2em;
        color: black;
        text-shadow: none;
    }

    .recent td {
        padding: 10px;
        border: 1px solid black
    }

    .recent td:last-child {
        color: black;
        text-shadow: none;
    }

    .experience td {
        font-size: 1em;
    }

    table table {
        margin-bottom: 0;
    }

    table table .experience {
        border:none;
    }

    .linespace td {
        padding-bottom: 50px;
    }

    .tier .green {
        border: 3px solid limegreen;
    }

    .tier .bronze {
        border: 3px solid peru;
    }

    .tier .silver {
        border: 3px solid silver;
    }

    .tier .gold {
        border: 3px solid goldenrod;
    }

    .red {
        background-color: #b30000;
        font-size: 1.3em;
        border: 1px solid black;
        border-radius: 10px;
        padding: 10px;
    }

    .spells td {
        height: 100px;
        width: 200px;
        padding: 20px;
        border: 1px black solid;
        border-radius: 10px;
    }

    .spawnlocation {
        color: white;
        padding: 25px;
    }

    .spawnlocation img {
        border: 1px solid black;
        border-radius: 10px;
    }

    .spells tr td:nth-child(1){
        font-size: 1.5em;
        color: darkgrey;
    }

    .spells tr td:nth-child(2){
        color: dodgerblue;
    }

    .spells tr td:nth-child(3){
        color: red;
    }

    .blue {
        background-color: #1a75ff;
        font-size: 1.3em;
        border: 1px solid black;
        border-radius: 10px;
        padding: 10px;
    }

    .movecellimg img {
        position: relative;
        top: 20px;
    }

    .movecellimg2x img {
        position: relative;
        top: 50px;
    }

    #diaryArmor {
        margin-top: 50px;
        margin-bottom: 100px;
        transform: scale(3, 3);
    }


    #bosses td a img {
        padding: 25px 75px;
    }

    #monsternav {
        background-image: url(../images/backgrounds/tablebackground.jpg);
        background-size: cover;
        position: fixed;
        z-index: 1;
        right: 1px;
        margin-top: -8px;
        width: calc(100% - 184px);
        border-radius:0;
    }

    #monsternav td {
        font-size: 1.75em;
    }

    #itemnav {
        background-image: none;
        background-color: transparent;
        background-size: cover;
        position: fixed;
        left: 0px;
        z-index: 1;
        top: 425;
        border: none;
    }

    #key {
        background-image: url(../images/backgrounds/table2background.jpg);
        background-size: inherit;
    }

    #otherinformationnav {
        background-image: url(../images/backgrounds/tablebackground.jpg);
        background-size: cover;
    }

    #cavelevels td {
        border: 1px solid black;
        height: 30px;
        width: 150px;
        padding: 10px;
    }

    #cavelevels td:last-child {
         color: black;
         text-shadow: none;
    }

    #woodlandsmap img {
        border: 5px solid black;
        border-radius: 100%;
    }

    #screenshift tr:first-child img {
        border: 1px solid black;
        border-radius: 10px;
    }

    #push120 {
        height: 120px;
    }

    #push200 {
        height: 200px;
    }

    #push270 {
        height: 270px;
    }

    #backgroundopacity {
        background-color: black;
        opacity: 0.5;
        position: fixed;
        top: -10px;
        left: 0px;
        height: calc(100% + 10px); 
        width: 100%;
        z-index: -1;
    }

    #snakepage {
        background: url(../images/backgrounds/snakebackground.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    #rabbitpage {
        background: url(../images/backgrounds/rabbitbackground.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    #bearpage {
        background: url(../images/backgrounds/bearbackground.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    #dogpage {
        background: url(../images/backgrounds/dogbackground.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    #lobsterpage {
        background: url(../images/backgrounds/lobsterbackground.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    #desertpage {
        background: url(../images/backgrounds/desertbackground.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    #homepage {
        background: url(../images/backgrounds/indexbackground.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    
    #diarypages {
        background: url(../images/backgrounds/library.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    #maps {
        background: url(../images/backgrounds/dharani.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    #mapnav {
        margin: auto;
        height: 666px;
        width: 649px;
        background-image: url(../images/maps/generalwoodlands/woodlands.jpg);
    }

    #mapnav img {
        border: 2px solid rgba(300, 300, 300, 0.2);
        border-radius: 100%;
        background-color: rgba(223, 103, 250, .5);
        position: relative;
        height: 80px;
    }

    #mapnavtop img {
        border: 2px solid rgba(300, 300, 300, 0.2);
        border-radius: 100%;
        background-color: rgba(223, 103, 250, .5);
        height: 80px;
    }

    #snakebossicon {
        top: 455px;
        left: 242px;
    }

    #rabbitbossicon {
        top: 10px;
        right: 85px; 
    }

    #bearbossicon {
        top: 150px;
        right: 140px;
    }

    #desertbossicon {
        top: 400px;
        right: 230px;
    }

    #dogbossicon {
        top: 200px;
        right: 60px;
    }

    #lobsterbossicon {
        top: 50px;
        right: 185px;
    }

    #dharani {
        top: 230px;
        right: 400px;
    }

     #farmicon {
        width: 60px;
        top: 140px;
        right: 120px;
    }

     #sheepicon {
        width: 80px;
        top: 560px;
        right: 150px;
    }

     #mineicon {
        width: 60px;
        top: 0px;
        left: 250px;
    }

    #pagesets img {
        padding: 10px;
    }

    #pagesets tr:nth-child(2) td {
        padding: 10px 40px;
        border: 1px solid black;
        border-radius: 10px;
    }

    #stats td:nth-child(odd){
        text-align: right;
        color: deepskyblue;
        width: 50px;
        padding: 5px 0px;
    }

    #stats td:nth-child(even){
        text-align: left;
        padding-left: 10px;
        color: black;
        text-shadow: none;
        width: 80px;
    }

    #stats tr:last-child td{
        color: orangered;
    }

    #stats img {
        padding: 50px;
        margin: 10px;
    }