*{padding: 0; margin: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; list-style: none; text-decoration: none;}
header{position: fixed;	right: 0; top: 0; z-index: 1000; width: 100%; display: flex; align-items: center; justify-content: space-between;
	padding: 20px; background: transparent;}
header #menu-icon {color: white; font-size: 15px; z-index: 10001; cursor: pointer; display: block; /* Show the menu icon on mobile */}

section{padding: 0 10%}
h2{font-weight: 300;font-size: 20px; width: 100%; margin-bottom: 20px;}
footer{position:fixed; width: 100%;height: 50px; background: black; color: white; font-weight: 200;font-size: 12px; bottom: 0; left:0;}

.logoimg{width: 150px;}
.navlist{display: flex; margin-right: -30%;}
.navlist a{color: white; margin-left: 35px; font-size: 12px; font-weight: 400; border-bottom: 2px solid transparent; transition: all
 	0.55s ease;}
.navlist a:hover{border-bottom: 2px solid white;}
.signup {display: block; color: white; background:#4d9559; border:1px solid transparent; padding:12px 30px; line-height: 1;
 	font-size: 12px; font-weight: 500; border-radius:5px; transition: all .55s ease;}
.signup:hover{background: transparent; border: 1px solid white; transform: translateX(8px);}


.home{height: 100%; width: 100%; min-height: 100vh; background-image: url("../img/track.jpg");background-size: cover; position: relative;
 	background-attachment: fixed; display: grid; grid-template-columns: repeat(1, 1fr); align-items: center; gap: 2rem; 
 	text-align: center;}
.home-text h1{font-size: 60px; font-weight: 100; line-height: 1;color: white; padding: 10px 200px;}
.home-text p{color: whitesmoke; font-size: 15px; font-weight: 300; line-height: 2; margin-bottom: 40px;}

.pages{background: black;}
.main{padding: 140px 0 20px 30px; width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.team{padding: 10px 10px; height:300px; width: 400px; display: flex; flex-wrap: wrap; transition: transform .2s; /* Animation */}
.team:hover{transform: scale(1.2);}
.team h1{font-size: 25px;font-weight: 900;width: 20px;height: 20px;}
.team p{font-size: 14px;font-weight: 800;width: 200px;height: 20px;}

.schedule{background: black; height: 100%;display: flex; flex-wrap: wrap; justify-content: center;}
.schedule h2{color: white; margin: 130px 50px 40px 30px;}
.schedule div{width:30%; height: 200px; padding: 30px 60px;}
.schedule div h3{font-size: 30px;}
.schedule div h3:hover{border-bottom: 2px solid white;}
.schedule div h3 a{color: white;}
.schedule div p{color:#4d9559;}

.historicschedule{background: white; height: 100%; margin-bottom:30px;display: flex; flex-wrap: wrap; justify-content: center;}
.historicschedule div{width:30%; height: 100px; padding: 30px 60px;}
.historicschedule div h3:hover{border-bottom: 2px solid black;}
.historicschedule div h3 a{color: black;}

.styled-table {border-collapse: collapse;margin: 25px 0;font-size: 0.9em; font-family: sans-serif;min-width: 400px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
.styled-table thead tr {background-color: #4d9559;color: #ffffff;text-align: left}
.styled-table th, .styled-table td {padding: 12px 15px;}
.styled-table tbody tr {border-bottom: 1px solid #dddddd;}
.styled-table tbody tr:last-of-type {border-bottom: 2px solid #4d9559;}
.styled-table tbody tr td img{margin-left: 20px; max-width: 25px; max-height: 25px;}
.styled-table tbody tr td a{color: black;}
.styled-table tbody tr td a:hover{border-bottom: 2px solid black;}