body {
  font-family: "W95", sans-serif;
  background-size: 100% 100%;
  background-repeat:y-repeat;
  background-color:black;
  background-image:url("../bg.jpg");
  background-attachment: fixed;
  margin:0;
}

@font-face {
  font-family: W95;
  src: url(../W95FA.otf);
}

@font-face {
	font-family: Drexs;
	src: url(../Drexs.ttf);
}

#fs
{
	height: 850px;
	width: 1080px;
	position: relative;
	margin: auto;
}

#content
{
	padding-top:50px;
	padding-bottom:200px;
	height: 1200px;
	width: 1500px;
	margin: 0 auto;
	font-family: W95, sans-serif;
	color:white;
}

#cards
{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-top:10px;
}

li
{
	display: inline;
}

a:visited 
{
	color: #61A8F8;
}

a:hover
{
	color: #61A8F8;
}

a
{
	color: #61A8F8;
	text-decoration: none;
	text-align:center;
}

#infoboxmain
{
	flex-wrap: wrap;
	gap: 10px;
	margin:auto;
	width:60%;
	background-color: rgba(0, 0, 0, .7);
	border-color:gray;
	border-style:1px;
	border-style:solid;
	text-align:center;
	padding:30px;
}

.infobox
{
	background-color: rgba(0, 0, 0, .7);
	padding: 10px;
	font-size: 16px;
	width: 600px;
	max-width: 100%;
	height: auto;
	border-color:gray;
	border-style:1px;
	border-style:solid;
	text-align:center;
}


#boxes
{
	display: flex;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
	margin-top:20px;
}

h2
{
	text-align:  center;
	font-size:60px;

}

h3
{
	font-size:30px;
	padding:0;
	margin:0;
}

h1
{
	display: flex;
	justify-content: center;
	align-items: center;
	height:60px;
	margin:0;
	font-size:80px;
	/background-color: rgba(0, 0, 0, .7);
	padding:20px;
	border-radius: 30%;
	font-family: "Drexs", sans-serif;
}

.coffee
{
	width:600px;
}

img
{
	margin:10px;
}

.patreon
{
	box-shadow: 0 0 10px white, 0 0 20px white;
}



@media only screen and (max-width: 1500px)
{
	#content
	{
		width:1300px;
	}
}

@media only screen and (max-width: 1300px)
{
	#content
	{
		width:1000px;
	}
}

@media only screen and (max-width: 1000px)
{
	#content
	{
		width:800px;
	}
}

@media only screen and (max-width: 800px)
{
	#content
	{
		width:600px;
	}
}
