html {
    
   background-repeat:no-repeat;
    background-position:top left;
    background-size: 20%;
    background-color: mistyrose;
    background-image:url(img/jelly.gif)
}

.border {
    width:800;
margin: auto;
    border: 3;
    color:darkred;
    text-align: center;
    border-style: dotted;
    border-color: springgreen;
        background-color: floralwhite;

}

.column {
  float: left;
  width: 32%;
    border: .5;
    border-style:dashed;
    border-color: darkgoldenrod;
    margin-left: 10;
    text-align: center;
    color:darkred;
}

.column2 {
  float: center;
  width: 38%;
    border: .5;
    border-style:dashed;
    border-color: darkgoldenrod;
    margin: auto;
    text-align: center;
    color:darkred;
}

.column3 {
  float: left;
  width: 28%;
    border: 0;
    border-style:dashed;
    border-color: darkgoldenrod;
    
    text-align: center;
    color:darkred;
}

.column4 {
  float: right;
  width: 28%;
    border: 0;
    border-style:dashed;
    border-color: darkgoldenrod;
    text-align: center;
    color:darkred;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
margin: 0 auto;}

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

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

.title {
    
   width:500;
    margin:auto;
  
}

#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-transform: lowercase;
    text-align: center;
    
}

.title {
    
    width:800;
opacity: 100%;
    font-size: 55;
    
    font-weight: bold;
}

.inline {
    font-size: 19;
}

.cap {
    font-size: 30;
    font-weight: bold;
    color:blueviolet;
    text-align: center;
margin:auto;
    cursor:none;
}

.cap:hover {
    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:crosshair;
}

figcaption
{
    width:40%;
    margin: auto;
        display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
}
        
.bod {
    margin:auto;
    border: .5;
    border-style:dashed;
    border-color: springgreen;
    width: 800;
    text-align:center;
    color: crimson;
    }


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