@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Roboto+Mono');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@700&display=swap');

body {
	width: auto; 
	background-image: url('../Snowstorm_Page_Images/snowstorm-background.jpg');
	border: 1px gray solid;
	background-repeat: y-repeat;
	background-size: 100%;
}

.banner {
	width: 100%;
	/* background-color: #5b77e9; */
	background-image: repeating-linear-gradient(#ffffff ,80%, #1310e7);
	border: 2px #201d36 solid;
}

.banner img {
	border: 1px rgba(255,255, 255, 0.0) solid; 
	padding: 10px;
}

.banner img:hover {
	border: 1px blue solid;
	background: white;
}

.banner-leftimg {
   float: left;
}

.banner-rightimg {
   float: right;
}

.race-photo img {
	float: none;
	border: 1px lightgray solid; 
	padding: 0;
	margin-bottom: 0;
}

.race-photo p {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
}

.race-story-content {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 16px;
	margin: 20px 10px 20px 10px;
}


#content PRE {
	margin: 5px 10px 35px 10px;
	font-family: 'Roboto Mono', 'Consolas', monospace;
	font-size: 16px;
}

#content {
	padding: 30px 10px 15px 10px;
	background-color: rgba(190, 190, 255, 0.6);
}

div[id*="report-"] a {
	color: darkblue;
	font-family: 'Roboto Mono', 'Consolas', monospace;
	font-size: 22px;
	font-weight: bold;
	margin: 5px 5px 40px 0px;
}

div[id*="report-"] a:hover {
	color: snow;
    background-color: darkblue;
}

div[id*="report-"] h4 {
    font-family: 'Titillium Web', 'Montserrat', sans-serif;
    font-size: 32px;
    color: #fffafa;
    text-decoration: underline;
    /* text-shadow: 1px 1px 1px #f0f0f0, 1px -1px 1px #ffffff, -1px -1px 2px #f0f0f0, -1px 1px 1px #F0F0F1; */
    background-color: rgb(45 52 110 / 80%);
    padding: 1px 1px 5px 8px;
    margin: 20px 0px;
}

.footer {
	background-color: #A0C1FE; 
	background-image: repeating-linear-gradient(#DDEEFF, #AACCEE, #5588CC);
	border: 1px darkgray solid;
	width: 100%;
}    

.footer img {
	margin: 10px;
}