@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Luckiest+Guy);



body {

    font-family: 'Luckiest Guy', sans-serif;

    font-weight: 300;

    line-height: 1em;

    color: #000000;

    background-color: #160dca;

}


.image {

    width: 80%;

    height: auto;

    display: block;

    margin-left: auto;

    margin-right: auto;

}


h1 {

    font-size: 4em; 

    font-weight: 300;

    line-height: 1em;

    text-align: center;

    color: #fff;

}

h1 span {
    font-size: 75%;
}

h1 a:link, h1 a:visited {

    color: #efd800;

    text-decoration: none;

}

h1 a:hover {

    text-decoration: underline;

}

h2 {

    font-size: 2.5em; 

    font-weight: 300;

    line-height: 1em;

    text-align: center;

    color: #fff;

}

h2 a:link, h2 a:visited {

    color: #efd800;

    text-decoration: none;

}

h2 a:hover {

    text-decoration: underline;

}

.container th h1 {

    font-weight: bold;

    font-size: 2em;

    text-align: center;

    color: #efd800;

    margin: 10px;

}

.container th h1 a:link, .container th h1 a:visited {

    color: #efd800;

    text-decoration: none;

}

.container th h1 a:hover {

    text-decoration: underline;

}

.container td h1 a:link, .container td h1 a:visited {

    color: #efd800;

    text-decoration: none;

}

.container td h1 a:hover {

    text-decoration: underline;

}

.container td a:link, .container td a:visited {

    color: #0066cc;

    text-decoration: none;

    font-size: 1em;

}

.container td a:hover {

    color: #0066cc;

    text-decoration: underline;

    font-size: 1em;

}

.container td {

    font-weight: normal;

    font-size: 1.6em;

    -webkit-box-shadow: 0 2px 2px -2px #0E1119;

       -moz-box-shadow: 0 2px 2px -2px #0E1119;

            box-shadow: 0 2px 2px -2px #0E1119;

}



.container {

    text-align: center;

    overflow: hidden;

    width: 80%;

    margin: 0 auto;

    display: table;

    border-spacing: 7px;

}



.container th {

    vertical-align: bottom;

}



.container td {

    padding-bottom: 2%;

    padding-top: 2%;

    padding-left: 0%;

    vertical-align: middle;

}



/* Background-color of the odd rows */

.container tr:nth-child(odd) {

    background-color: #ececec;

}



/* Background-color of the even rows */

.container tr:nth-child(even) {

    background-color: #c1c1c1;

}



.container th {

    background-color: #160dca;

}



.container td:first-child {

    color: #160dca;

}



.container tr:hover {

    background-color: #efd800;

    -webkit-box-shadow: 0 6px 6px -6px #0E1119;

       -moz-box-shadow: 0 6px 6px -6px #0E1119;

            box-shadow: 0 6px 6px -6px #0E1119;

}



@media (max-width: 800px) {

.container td:nth-child(4),

.container th:nth-child(4) { display: none; }

}