body {
    font-family: Segoe UI, Calibri, sans-serif;
    font-size: xx-large;
    background-color:#111111;
    color:#db1010;
    text-align: center;
}

#titleDiv {
    margin-top: 300px;
}

#titleDiv h1 {
    margin-bottom: 10px;
    font-size: 4em;
}

#titleDiv h5 {
    margin-top: 10px;
    margin-bottom: 4px;
}

#subtitleDiv {
    transform: translateY(-20px);
    font-weight: bold;
    font-size: medium;
}

.line {
    font-size: 4em;
}

.flickeringTitle {
    animation: flickeringTitle 8s infinite;
}

.flickeringSubtitle {
    animation: flickeringSubtitle 8s infinite;
}


li {
    list-style: none;
    font-size: large;
    margin-left: -40px;
}

a:link, a:visited {
    color: #db1010;
    text-decoration: none;
}

a:hover {
    color: #ff3232;
    text-decoration: none;
}

.playNow {
	border: 20px solid red;
	border-radius: 20px;
	font-weight: bold;
	background-color: red;
}

.playNow:link, .playNow:visited {
	color: black;
    text-decoration: none;
}

.playNow:hover {
    color: black;
    text-decoration: none;
}

#back-button {
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 50%;
    background-color: #000000;
    border-color: #cccccc;
    color: #cccccc;
}

@keyframes flickeringTitle { 
    0% {
        color: #db1010;
        text-shadow: 0 1px 0 #a10000, 0 2px 0 #a10000,
                    0 3px 0 #a10000, 0 4px 0 #a10000,
                    0 5px 0 #a10000, 0 6px 0 #a10000,
                    0 7px 0 #a10000, 0 8px 0 #a10000,
                    0 9px 0 #a10000, 0 10px 0 #a10000,
                    0 11px 0 #a10000, 0 12px 0 #a10000,
                    0 20px 30px rgba(0, 0, 0, 0.5);
    }
    50% {
        color: #af0d0d;
        text-shadow: 0 1px 0 #6b0000, 0 2px 0 #6b0000,
                    0 3px 0 #6b0000, 0 4px 0 #6b0000,
                    0 5px 0 #6b0000, 0 6px 0 #6b0000,
                    0 7px 0 #6b0000, 0 8px 0 #6b0000,
                    0 9px 0 #6b0000, 0 10px 0 #6b0000,
                    0 11px 0 #6b0000, 0 12px 0 #6b0000,
                    0 20px 30px rgba(0, 0, 0, 0.5);
    }
    100% {
        color: #db1010;
        text-shadow: 0 1px 0 #a10000, 0 2px 0 #a10000,
                    0 3px 0 #a10000, 0 4px 0 #a10000,
                    0 5px 0 #a10000, 0 6px 0 #a10000,
                    0 7px 0 #a10000, 0 8px 0 #a10000,
                    0 9px 0 #a10000, 0 10px 0 #a10000,
                    0 11px 0 #a10000, 0 12px 0 #a10000,
                    0 20px 30px rgba(0, 0, 0, 0.5);
    }
}

@keyframes flickeringSubtitle { 
    0% {
        color: rgb(219, 16, 16);
        text-shadow: 0 1px 0 #a10000, 0 1px 0 #a10000,
                    0 1px 0 #a10000, 0 2px 0 #a10000,
                    0 3px 0 #a10000, 0 3px 0 #a10000,
                    0 4px 0 #a10000, 0 4px 0 #a10000,
                    0 5px 0 #a10000, 0 5px 0 #a10000,
                    0 6px 0 #a10000, 0 6px 0 #a10000,
                    0 10px 30px rgba(0, 0, 0, 0.5);
    }
    50% {
        color: rgb(175, 13, 13);
        text-shadow: 0 1px 0 #6b0000, 0 1px 0 #6b0000,
                    0 1px 0 #6b0000, 0 2px 0 #6b0000,
                    0 3px 0 #6b0000, 0 3px 0 #6b0000,
                    0 4px 0 #6b0000, 0 4px 0 #6b0000,
                    0 5px 0 #6b0000, 0 5px 0 #6b0000,
                    0 6px 0 #6b0000, 0 6px 0 #6b0000,
                    0 10px 30px rgba(0, 0, 0, 0.5);
    }
    100% {
        color: rgb(219, 16, 16);
        text-shadow: 0 1px 0 #a10000, 0 1px 0 #a10000,
                    0 1px 0 #a10000, 0 2px 0 #a10000,
                    0 3px 0 #a10000, 0 3px 0 #a10000,
                    0 4px 0 #a10000, 0 4px 0 #a10000,
                    0 5px 0 #a10000, 0 5px 0 #a10000,
                    0 6px 0 #a10000, 0 6px 0 #a10000,
                    0 10px 30px rgba(0, 0, 0, 0.5);
    }
}