@font-face {
    font-family: 'tt';
    src: url('../fonts/26/tt_regular.woff') format('woff2'),
         url('../fonts/26/tt_regular.woff2') format('woff'),
         url('../fonts/26/tt_regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'tt';
    src: url('../fonts/26/tt_italic.woff') format('woff2'),
         url('../fonts/26/tt_italic.woff2') format('woff'),
         url('../fonts/26/tt_italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;

}

@font-face {
    font-family: 'tt';
    src: url('../fonts/26/tt_bold.woff') format('woff2'),
         url('../fonts/26/tt_bold.woff2') format('woff'),
         url('../fonts/26/tt_bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'tt';
    src: url('../fonts/26/tt_bold_italic.woff') format('woff2'),
         url('../fonts/26/tt_bold_italic.woff2') format('woff'),
         url('../fonts/26/tt_bold_italic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;

}

body, p {
    font-family: 'tt', 'Times New Roman', Times, serif;
	font-size: 150%;
	color: #fff;
}

body {
  background-image: url("../images/home26.jpg");
  min-height: 100%;
  height: 100%;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

a {
	text-decoration: underline;	
	color: #ffffff;
}

#play a:link, #play a:visited {
	text-decoration: underline;	
	color: #ffffff;
}

h1 {
	text-align: left;
	font-family: 'Press Start 2P', 'Times New Roman', Times, serif;
	font-size: 175%;
	margin: 0 0 2rem 0;
}

#countdown, #play {
	font-family: 'Press Start 2P', 'Times New Roman', Times, serif;
	font-size: 175%;
	color: #ffffff;
	margin: 0 0 2rem 0;
}

.main-container {
    width: 100%;           /* Equivalent to col-sm-12 */
    max-width: 600px;      /* Restricts width on desktop (similar to col-md-6) */
    margin: 0 auto;        /* Equivalent to col-md-offset-3 (centers the div) */
    text-align: center;    /* Equivalent to text-center */
    box-sizing: border-box; 
    padding: 0 15px;       /* Standard gutter spacing */
}

.btn,
.btn:hover,
.btn:focus,
.btn:active,
.btn:active:focus {
    background-color: #00000088;
	border-radius: 50%;
	border-color: #000000;
	margin-right: 5px;
}