/* style for tabletry1 */
* {
    margin: 0; padding: 0; border: 0; box-sizing: border-box;
}

body {
    background-color: rgb(39, 39, 245);
    /* background-image: linear-gradient(45deg, blue, green); */
    background-image: linear-gradient(45deg, hsl(210, 86%, 3%), hsl(13, 58%, 15%), hsl(183, 92%, 14%));
    padding: 15px;
    font-family:Verdana, Geneva, Tahoma, sans-serif;

}

h1 {
    text-align: center;
    padding-bottom: 20px;
    margin-top: 30px;
    margin-bottom: 40px;
    margin-left: 100px;
    margin-right: 100px;
    font-weight: normal;
    font-size: 2.6em;
    font-style: italic;
    color: #FFF;
    text-shadow: 6px 6px 8px black;
    border-bottom: 4px solid
}

h1 span {
    font-style: italic;
    font-size: 1.5em;
    color:hsl(162, 88%, 30%);
    text-shadow: 8px 8px 8px black;
}

p {
    line-height: 1.4;
    font-size: 1.3em;
    text-align: center;
    color: #FFF;
    margin-left: 100px;
    margin-right: 100px;
    margin-bottom: 40px;
}

caption {
    text-align: center;
    color: #FFF;
    font-size: 1em;
    padding-bottom: 20px;

}

table {
    border: 3px solid #FFF;
    width: 80%;
    margin: 24px auto;
    border-collapse: collapse;
}

th, td {
    border: 2px solid #FFF;
    width: 12%; 
    text-align: center;
    color: #FFF;
    padding: 8px;
}

th {
    height: 80px;
    background-color: black;
    padding: 10px;
}

a {
    color: green;
    text-decoration: none;
}

.main a, .canal a {
    display: inline-block;
    height: 100%; width: 100%;
    color: #FFF;
    vertical-align: bottom;
    padding-top:90px;
    text-decoration: none;
    
}

.top {
    font-size: 1.2em;
    font-weight: normal;
}

.local span {
    font-weight: normal;
    font-style: italic;
    padding-top: 10px;
    display: block;
    
}

.main td {
    height: 150px;
    color: #FFF;
    text-shadow: 2px 2px 3px black;
    vertical-align: bottom;
        
}

.main td:nth-child(2) {
    background-color: blue;
    background-image: url(../images/bobby_friss.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 8px;
    color: #FFF;
    /* text-shadow: 2px 2px 3px black; */
    font-weight: bold;
    vertical-align: bottom;
}

.main td:nth-child(3) {
    background-color: blue;
    background-image: url(../images/calibama_band.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 8px;
    color: #FFF;
    font-weight: bold;
}

.main td:nth-child(4) {
    background-color: blue;
    background-image: url(../images/big_engine.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 8px;
    color: #FFF;
    font-weight: bold;
}

.main td:nth-child(5) {
    background-color: blue;
    background-image: url(../images/warrant2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 8px;
    color: #FFF;
    font-weight: bold;
}

.main td:nth-child(6) {
    background-color: blue;
    background-image: url(../images/whey_jennings.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 8px;
    color: #FFF;
    font-weight: bold;
}

.main td:nth-child(7) {
    background-color: blue;
    background-image: url(../images/buckcherry.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 8px;
    color: #FFF;
    font-weight: bold;
}

.main td:nth-child(8) {
    background-color: blue;
    background-image: url(../images/hypersona2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 8px;
    color: #FFF;
    font-weight: bold;
}

.goat td, .local td, .runs td, .vendor td {
    height: 130px;
    background-color:hsl(19, 94%, 14%);
}

.canal td {
    height: 150px;
    color: #FFF;
    text-shadow: 2px 2px 3px black;
    vertical-align: bottom;
        
}


.canal td:nth-child(2) {
    background-color: blue;
    background-image: url(../images/judd_hoos.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 8px;
    color: #FFF;
    /* text-shadow: 2px 2px 3px black; */
    font-weight: bold;
}

.canal td:nth-child(3) {
    background-color: blue;
    background-image: url(../images/kendall_tucker.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 8px;
    color: #FFF;
    font-weight: bold;
}

.canal td:nth-child(4) {
    background-color: blue;
    background-image: url(../images/kelly_jarrard_mcgowen.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 8px;
    color: #FFF;
    font-weight: bold;
}

.canal td:nth-child(5) {
    background-color: blue;
    background-image: url(../images/nova_rex.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 8px;
    color: #FFF;
    font-weight: bold;
}

.canal td:nth-child(6) {
    background-color: blue;
    background-image: url(../images/keeper2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 8px;
    color: #FFF;
    font-weight: bold;
}

.canal td:nth-child(7) {
    background-color: blue;
    background-image: url(../images/skynnyn_lynnyrd2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 8px;
    color: #FFF;
    font-weight: bold;
}

.canal td:nth-child(8) {
    background-color: blue;
    background-image: url(../images/maiden_voyage.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 8px;
    color: #FFF;
    font-weight: bold;
}

.last th {
    font-weight: normal;
    font-style: italic;
}

.last span {
    text-decoration: line-through;
    font-weight: normal;

}