html {
    
      background-color: mistyrose;
    
}

img { margin:auto;

}

.nav {border:1px solid black; border-style:outset; vertical-align: center;
            }

table#nav {margin: auto;
    border: 3;
    border-style: dotted;
    border-color: palevioletred;
    text-align: center;
    color: rebeccapurple;
    background-color: floralwhite;}

.img4 {
border:4px dashed;
    margin-top: 40px;
border-color: rebeccapurple;
    margin:auto;
    align-items: center;
}

.img4:hover {
    border:4px dashed;
    margin-top: 40px;
border-color: dodgerblue;
    margin:auto;
    align-items: center;
}
    

.border {
    width:50%;
margin: auto;
    border: 3;
    border-style: dotted;
    border-color: orangered;
    text-align: center;
    color: rebeccapurple;
    background-color: floralwhite;
}

.border3 {
    width:20%;
margin: auto;
    border: 3;
    border-style: dotted;
    border-color: red;
    text-align: center;
    color: red;
    background-color: floralwhite;
}

.border2 {
    width:80%;
margin: auto;
    border: 3;
    border-style: dotted;
    border-color: dodgerblue;
    text-align: center;
    color: rebeccapurple;
    background-color: ghostwhite;
}

.subtitle {font-size: 20; 
    color:palevioletred;
    font-style: italic;
    
}
hr {width=50%;
    margin:0 auto;
color:rebeccapurple;
border: 5px dashed rebeccapurple;
}

img { border: 0;
    border-style:dashed;
    border-color: springgreen; }

.zig-zag { border: none; width: 71%; margin: auto; height: 10px; background: linear-gradient(135deg, #ECEDDC 25%, transparent 25%) -20px 0, linear-gradient(225deg, #ECEDDC 25%, transparent 25%) -20px 0, linear-gradient(315deg, #ECEDDC 25%, transparent 25%), linear-gradient(45deg, #ECEDDC 25%, transparent 25%); background-size: 10px 10px; background-color:rebeccapurple;}

.year {
    color:darkgoldenrod;
    font-size: 50;
    margin:auto;
    text-align: center;
    
}

.shows {
    font-size: 15;
    margin: auto;
    text-align: center;
    
}

.title {
    font-size: 120;
    text-align:center;
opacity: 100%;
    color: rebeccapurple;
    font-weight: bold;
    margin:auto;
      text-shadow: 2px 2px goldenrod;
}

.title2 {
    font-size: 50;
    text-align:center;
opacity: 100%;
    color: mediumvioletred;
    font-weight: bold;
    margin:auto;
      text-shadow: 2px 2px goldenrod;
}

#left {
  float: left;
  width: 20%;
    font-size: 12;
    vertical-align: top;
    text-align: center;
    margin-top:-100;
}
#right {
  float: right;
  width: 300;
margin-top: -450;
    margin-right:500;
    border: 1;
    border-style:outset;
    text-align: center;
    
}

.top {
    
       margin-top: 100;
    float:center;
    
}

.top:hover {
        background-image: url(img/newbg.png);
    
    background-position:center;
    background-size: 100%;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.whats {
margin: auto;
    color:midnightblue;
    opacity:100%;
    font-size: 15;
    width:1000;
    text-align: center;
    
}


.inline {
    font-size: 19;
}

.cap {
    font-size: 12;
    font-style: italic;
    color:blueviolet;
    text-align: center;
margin:auto;
    margin-top: 0;
}

.cap:hover {
    cursor:none;
    color: cornflowerblue;
}

a:link {
      background: rgb(240,89,155);
background: -moz-radial-gradient(circle, rgba(240,89,155,1) 0%, rgba(193,28,255,1) 100%);
background: -webkit-radial-gradient(circle, rgba(240,89,155,1) 0%, rgba(193,28,255,1) 100%);
background: radial-gradient(circle, rgba(240,89,155,1) 0%, rgba(193,28,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0599b",endColorstr="#c11cff",GradientType=1);

-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    font-size: 15;
    word-spacing: 10;
    margin: 5;
    text-decoration: none;
    
}
a:hover {

   
    cursor:pointer;
}

.zoom:hover {cursor: url('fruitingbodies/redrosesparkle.gif'), auto;}
        
.bod {
    border: .5;
    border-style:dashed;
    border-color: springgreen;
    width: 295;
    }

.heatfreaks {
  position: relative;
        display: inline-block;
        
}

.heatfreaks .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
    }
    .heatfreaks:hover .img-top {
        display: inline;
    }


.worldsonfire {
  position: relative;
        display: inline-block;
    margin:auto;
        
}

.worldsonfire .img-top {
        display: none;
        position:absolute;
        top: 175;
        left: 0;
        z-index: 99;
        margin:auto;

    }
    .worldsonfire:hover .img-top {
        display: inline;
            margin:auto;

    }

.why {
  position: relative;
        display: inline-block;
    margin:auto;
        
}

.why .img-top {
        display: none;
        position:absolute;
        top: 50;
        left: 80;
        z-index: 99;
        margin:auto;

    }
    .why:hover .img-top {
        display: inline;
            margin:auto;

    }

.worldsonfire {
  position: relative;
        display: inline-block;
    margin:auto;
        
}

.worldsonfire .img-top {
        display: none;
        position:absolute;
        top: 175;
        left: 0;
        z-index: 99;
        margin:auto;

    }
    .worldsonfire:hover .img-top {
        display: inline;
            margin:auto;

    }


    #imgstyle {
        float:left;
        width:200px;
        height:154px;
          
            
            background-repeat: no-repeat;
            background-color: darkgreen;
            margin-bottom: 5px;
            background-blend-mode: screen;
}