/* Crab Attack Games CSS - v0.1 */
/*
	#69D2E7
	#A7DBD8
	#E0E4CC
	#F38630
	#FA6900
	
*/

body {
	background: #ece4e4;
	margin: 0px;
	display: block;
	font-family: Helvetica, Arial, sans-serif;
	  font-size: 18px;
	  letter-spacing: .4px;
	  font-weight: 400;
	  font-style: normal;
}
h1,h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 48px;
	line-height: 1.1em;
	text-transform: uppercase;
	letter-spacing: .03em;
	word-spacing: 10px;
	font-weight: 900;
	font-style: normal;
	padding-bottom: 25px;
}
h2 { font-size: 32px; }
ul {  display: table;  margin: 0 auto; }
ul li { list-style-type: none; display: inline; float: left; margin: 0px 45px; }

 
.announcement {	font-size: 2em;	padding: 30px; }
.center { margin: auto; text-align: center; }
.press { font-size: 36px; }
.bubble:before, .bubble:after { content: url('bouncy-bubble.gif'); }
.socials {margin: auto; text-align: center; padding: 15px;}
.footer {margin: auto; text-align: center; }

.header { background-color:#F38630; }
.bg1 { background-color: #A7DBD8; }
.bg2 { background-color: #E0E4CC; }

#header { font-size: 4em; padding: 40px 0px 40px; }

#games { padding: 40px 0px 40px;; }
	#games img { margin: auto; display: inherit; }

#about { padding: 80px 0px 80px;  }
	.teamimg { background: #a2a2a2; width: 120px; height: 120px; margin-bottom: 60px;}
	.team { height: 80px; width: 250px; }

/*social-links breaks in firefox for some reason*/
#social-lnks {  padding: 40px 0px 40px; margin: 0px; }
#social-lnks ul li { float: none; } 

	.socials { }
	.x {}
	.tiktok {}
	.mastodon {}
	.bluesky {}
	.youtube {}
	.discord {}
*/

#footer {  padding: 35px; margin: 0px; background-color: #FA6900; color: white; }