@charset "utf-8";
/* CSS Document - Web Assignment CSS*/

*{
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
}

@font-face{
	font-family: 'Bahnschrift';
	src: url('/dloa/CianFitzgerald/Bahnschrift-Font-Family/BAHNSCRIFT.woff') format('woff'), url('/dloa/CianFitzgerald/Bahnschrift-Font-Family/BAHNSCRIFT.woff2') format('woff2')
}

body{
	font-family: 'Bahnschrift';
	background: #373C28;
	color: #E0E1DC;
}


img.title{
	width: 215px;
}

img{
	width: 50px;
	display: block;
}

a{
	transition: all 0.5s;
	color: #E0E1DC;
	text-decoration: none;
	height: 100%;
	width: 100%;
}

a.ani:hover{
	transition: all 0.5s;
	font-size: 200%;
}

header{
	background: #2E3126;
	margin: 0px 0px 40px 0px;
	text-align: left;
	padding: 25px 25px 55px 25px;
	min-height: 100px;
}

nav.left{
	float: left;
	text-align: left;
	padding-top: 17px;
}
nav.right{
	float: right;
	text-align: right;
}

main{
	background: #424A30;
	padding: 3vw 3vw 3vw 3vw;
	margin: 0px 10vw;
	font-size: 40px;
}

div.align{
	display: flex;
	flex-wrap: wrap;
	column-gap: 5%;
}

.races main{
	display: flex;
	flex-wrap: wrap;
	column-gap: 5%;
}

footer{
	background: #2E3126;
	padding: 25px;
	margin-top: 20px;
}

summary{
	cursor: pointer;
}

h1{
	font-size: 80px;
}

h3{
	font-size: 40px;
}

/* page one */

div.title{
	background: #000;
	display: flex;
	flex-wrap: auto;
	text-align: left;
	padding: 35px;
	margin-bottom: 30px;
}

h2.welcome{
	text-align: center;
	font-size: 40px;
	margin-bottom: 30px;
}

div.navi{
	display: flex;
	flex-wrap: wrap;
	column-gap: 5%;
}

div.card{
	background: #262A1D;
	flex: 0 0 30%;
	display: inline-block;
	margin-bottom: 30px;
	text-align: center;
	padding: 25px 0px;
	width: 30%;
	font: bold;
	border-left: 3px solid #E0E1DC;
	border-right: 3px solid #E0E1DC;
	font-size: 20px;
}

div.levels{
	background: #262A1D;
	margin-bottom: 15px;
	font-size: 25px;
	border-left: 3px solid #E0E1DC;
	border-right: 3px solid #E0E1DC;
	padding: 25px 15px;
}

img.cardimg{
	width: 60%;
	display: inline;
	border-radius: 15px;
}

table.levels{
	background: #E0E1DC;
	color: #2b2b2b;
	border: 5px solid #000;
}

tr:nth-of-type(odd){
	background: #c6c6c4;
}

td{
	padding: 15px 25px;
	text-align: center;
}

summary{
	transition: all 0.2s;
}

summary:hover{
	

	transition: all 0.2s;
	font-size: 110%;
}