/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');

BODY {
	background-color: rgba(55,60,100,1);
	margin: 0;
	font-family: "Raleway", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 1.0em;
	color: rgba(255,255,255,1.0);}
	
HEADER {}

#SMBtn IMG {height: 2rem; float: right; margin: 2%;}
#Logo {width: 80%; left: 0; margin: 2% 0 0 4%;}

FOOTER {position: fixed; z-index: 99; bottom: 0; width: 100%; padding: 4%; text-align: center;}

#Events {width: 100%; margin: auto; border-top: 1px solid #FFF; overflow-y: scroll;}
#Events IMG {width: 100%;}

#NavBlock {width: 100%; margin: 2% 0; text-align: center;}

#MenuBtn {}
#MenuBtn IMG {height: 1rem;}
#SeeBtn {background: rgba(155,155,255,1.0)}
#JoinBtn {background: rgba(155,255,155,1.0)}
#HelpBtn {background: #c6e7f7;}
#NewsBtn, #BuyBtn {background: rgba(255,155,155,1.0)}
#BoxBtn {color: #FFF; font-size: 0.7rem; font-weight: 600; width: auto; display: inline-block;}
	
.NavBtn {
	font-size: 0.7rem;
	font-weight: 600;
	color: rgba(55,60,100,1);
	width: auto;
	max-width: 20%;
	padding: 6px;
	text-align: center;
	display: inline-block;
	margin: 1% 2%;
}