/* Some variables */
:root {
  --page-bg-color: #EEE;
  --page-color: #444;
  --table-headings-bg-color: #E8DFD1;
  --table-odd-rows-bg-color: #FFFBF2;
  --table-even-rows-bg-color: #FFFCE5;
  
  --table-color: #FFF;
  --table-bg-color: #34495E;
  --table-hover-bg-color: #5E84AA;
  --table-th-color: #DD5;
  --table-border-color: #46637F;
  
}

body {
    background-color: var(--page-bg-color);
    color: var(--page-color);
}

/* Tables general styling */
table {
    border: none;
    border-collapse: collapse;
    border-radius: 10px;
    background-color: var(--table-bg-color);
    color: var(--table-color);
}
td, th {
    padding: 15px;
    border: none;
}

/* Table headings */
th {
    color: var(--table-th-color);
}

td {
    border-top: 1px solid var(--table-border-color);
    font-weight: 300;
}
    

/* Rows with mouse hovering */
tr:hover td {
    background-color: var(--table-hover-bg-color);
}

/* Bottom left/right cells with mouse hovering*/
tr:hover:last-child td:first-child {
    border-radius: 0 0 0 10px;
}
tr:hover:last-child td:last-child {
    border-radius: 0 0 10px 0;
}

body {
    font-family: 'Montserrat', sans-serif;
}

h1, h2, a {
    font-family: 'Good Times Rg';
}

a {
    display: inline-block;
    padding-bottom: 10px;
    color: red;
}

@font-face {
	font-family: 'Good Times Rg';
	src: url('fonts/GoodTimesRg-Regular.eot');
	src: url('fonts/GoodTimesRg-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/GoodTimesRg-Regular.woff2') format('woff2'),
		url('fonts/GoodTimesRg-Regular.woff') format('woff'),
		url('fonts/GoodTimesRg-Regular.ttf') format('truetype'),
		url('fonts/GoodTimesRg-Regular.svg#GoodTimesRg-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-Light.eot');
	src: url('fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/Montserrat-Light.woff2') format('woff2'),
		url('fonts/Montserrat-Light.woff') format('woff'),
		url('fonts/Montserrat-Light.ttf') format('truetype'),
		url('fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-Regular.eot');
	src: url('fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/Montserrat-Regular.woff2') format('woff2'),
		url('fonts/Montserrat-Regular.woff') format('woff'),
		url('fonts/Montserrat-Regular.ttf') format('truetype'),
		url('fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}