@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Delius&family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
body {
	margin:auto;
	background-color:black;
	color:white;
	
}
.topheader {
	text-align:center;
 	font-family:Montserrat;
	font-size:20pt;
	color:red;
	text-shadow:10px 5px 0px black;
	word-spacing:50px;
	position:relative;
}
#dreams {
	word-spacing:0px;
	right:px;
	position:relative;
	font-size:20pt;
	text-shadow:0px 0px 0px;
	color:floralwhite;
	bottom:100px;
	
}
#logo {
	width:200px;
	position:relative;
	float:left;
	left:50px;
}
#logo2 {
	width:200px;
	position:relative;
	float:right;
	right:50px;
}

#section1 {
	background-color:#000000;
	height:200px;
	
}
#header1 {
	line-height:200px;
}
a {
	color:white;
	text-decoration:none;
	display:block;
	text-align:center;
	font-family:IBM Plex Serif;
	  transition:  1s;
}
a:visited {
	
}
a:hover {
	  transition:  1s;
	background-color:black;
}

a:active {
	
}
nav {
	top:50px;
	position:relative;
	background-color:grey;
	width:100%;

}

footer {
	width:100%;
	height:200px;
	color:white;
	position:relative;
	top:800px;
	background-color:grey;
	text-align:center;
	padding-bottom:30px;
}
header {
	position:relative;
}
#footerleft {
	float:left;
	position:relative;
	left:50px;
	font-size:25pt;
	justify-content:center;
	
	
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: grey;
  display: flex;
  justify-content: center;

}
ul li a {
  display: block;
  color: white;
  text-align: center;
  padding: 5px 35px;
  text-decoration: none;
	font-size:20pt;
}
ul li {
	float:right;
}
ol {
	list-style-type:none;
	text-align:justify;
	font-family:Inter;
	position:relative;
}
#contact {
	position:relative;
	padding-right:250px;
	padding-top:12px;
	font-size:20pt;
	font-family:Inter;
}

div {

	position:absolute;
}

#ig {
	width:70px;
	height:70px;
	position:relative;
	left:23%;
	bottom:100px;
	 filter: grayscale(100%);
}

#x {
	width:70px;
	height:70px;
	left:24%;
	position:relative;
	bottom:100px;
	 filter: grayscale(100%);
}

#yt {
	width:70px;
	height:70px;
	left:25%;
	position:relative;
	bottom:100px;
	 filter: grayscale(100%);
}
div.scroll-container {
  background-color: #333;
  overflow: auto;
  white-space: nowrap;
  padding: 20px;
	position:relative;
	top:400px;
	left:25%;
	width:50%;
	height:50%;
	border-radius:20px;
	
}

div.scroll-container img {
  padding: 10px;
	width:1000px;
}
#gallery {
	color:white;
	font-size:35pt;
	text-align:center;
	position:relative;
	top:420px;
	text-shadow:5px 5px 5px;
}
section {
	position:relative;
}

#aboutheader {
	text-align:center;
	font-size:40pt;
	
}
#about {
	width:65%;
	
	top:300px;
	background-color:gray;
	border-radius:15px;
	padding:15px;
}
p {
	font-size:25pt;
	font-family:Inter;
}
#aboutimage1 {
	float:right;
	padding-right:80px;
	position:relative;
	bottom:500px;
	border-radius:20px;
}
#aboutimage2 {
	float:right;
	left:500px;
	position:relative;
	top:50px;
	width:550px;
	border-radius:20px;
}

#scoretables {
	position:relative;
	width:50%;
	height:1000px;
	background-color:#E6E6E6;
	margin:auto;
	top:500px;
	border-radius:5px;
}
table {
	position:relative;
	text-align:center;
	color:white;
	font-size:30pt;
	background-color:#000C7D;
	padding:10px;
	margin:20px;
	top:20px;
	border-radius:5px;
	font-family:Inter;
	width:96%;
	border-collapse:collapse;
}
#scoretablesheader {
	text-align:center;
	top:400px;
	font-size:30pt;
	font-family:Alfa Slab One;
	color:red;
}
h3 {
	color:white;
}
th, td {
	padding:10px;
	border: 1px solid;
}
tr:hover {
	background-color:darkblue;
}
td {
	background-color:#033A9E;
}
#trophy {
	margin:auto;
	width:250px;
	
}
#services {
	width:85%;
	top:400px;
	position:relative;
	height:800px;
	margin:auto;
	background-color:grey;
	border-radius:20px;
	padding:20px;
}
h1 {
	font-size:30pt;
	font-family:Inter;
	text-align:center;
}
.services {
	width:300px;
	padding:0px;
	display:inline-block;
      
   
}
#container {
	text-align:center;
	width:100%;
		margin-right:auto;
	 margin-left: auto;
	
	
}
#contactus {
	width:85%;
	background-color:grey;
	height:1000px;
	margin:auto;
	top:300px;
}
label {
	font-size:25pt;
}