@CHARSET "UTF-8";
*{
	margin:0;
	padding:0;
} 

a{
  text-decoration: none;
}

#ctrl_bar{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	position: fixed;
	top: calc(100vh - 100px);
	width: 100vw;
	height: 100px;
	background: black;
	z-index: 1;
}

.ctrl_a{
	display: flex;
	flex-direction: row;
	justify-content: center;
	line-height: 85px;
	background: black;
	font-size: 36px;
	font-weight: lighter;
	color: white;
	background: black;
}

.ctrl_a img{
	width: auto;
	height: 75px;
}

#gradient_bar{
	position: fixed;
	top: calc(100vh - 179px);
	width: 100vw;
	height: 80px;
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
}

#bottom_bar{
	height: 180px;
	margin-top: -1px;
	background: black;
}