@charset "utf-8";
@import "https://fonts.googleapis.com/css?family=Courgette";
@import "http://fonts.googleapis.com/css?family=Roboto:400,300,100";
@import "http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,100";

body {
    font-family: serif;
    margin: 0;
    color: #717170;
    background-image: url(star3.gif);
    background-size: 400px
}

a {
    text-decoration: none
}

.container {
    position: relative;
    top: 0;
    width: 900px;
    height: auto;
    margin: auto
}

.header {
    background-color: #013042;
    width: 100%;
    position: relative;
    top: 10px;
    border-radius: 25px;
    border: dashed 4px #25dbdb
}

.header h1 {
    padding: 17px 0 0;
    color: #25dbdb;
    position: relative;
    top: 0;
    margin: 0;
    text-align: center;
    font-size: 40px
}

.middle {
    text-align: center;
    background-color: #ebede8;
    width: 100%;
    position: relative;
    top: 40px;
    border-radius: 25px;
    border: dashed 4px #25dbdb;
    margin-bottom: 10px
}

.headings {
    width: 800px;
    position: relative;
    left: 5%
}

.headings h2 {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    letter-spacing: 1px;
    font-size: 35px;
    line-height: 45px;
    background-color: #25dbdb
}

.header img {
    position: relative;
    height: 100px
}

.middle {
    padding-bottom: 15px
}

.middle a {
    color: #fff
}

.results {
    float: left;
    position: relative;
    left: 5px;
    min-height: 150px;
    width: 88%
}

#day {
    float: left;
    position: relative;
    top: 0;
    left: 35px;
    width: 50%;
    min-height: 160px
}

#night {
    float: right;
    position: relative;
    top: 0;
    left: 50px;
    width: 45%;
    min-height: 160px
}

#night h2 {
    background-color: #25dbdb;
    padding: 5px 0;
    border: solid 2px #25dbdb;
    font-size: 25px;
    display: inline;
    margin: 0
}

#day table {
    float: right;
    width: 100%;
    font-size: 20px
}

.results table th {
    background-color: #124845;
    color: #56f7af
}

.results table td {
    background-color: #25dbdb;
    color: #000
}

.result-by-year table {
    font-size: 20px;
    position: relative
}

.result-by-year table th {
    background-color: #124845;
    color: #56f7af
}

.abutton {
  background-color: #04AA6D; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}