@font-face { font-family: ArialRoundBold; src: url('fonts/Arial Rounded Bold.ttf'); } 

html
{	
	background: linear-gradient(white, rgba(218,235,231));
	min-height: 100%;
}
a:link 
{ 
color: rgba(134,73,147,1);
text-decoration: none;

}
body 
{
	font-family: ArialRoundBold, sans-serif;

	margin: 0;	
}
.href

/*MAIN*/
.mainContainer 
{
	width: 100%;	
	height: 100%;	
	max-width: 600px;
	margin: auto;
}

/*BANNER*/
#contentContainer
{
	z-index: -1;
	position: fixed;
	left: 50%;
    transform: translate(-50%, 0);
	overflow: clip;
	/* 1029px; */
	width: 85%;
	/* 1488px; */
	padding-top:123%;
	top: -5%;
	
	max-width:700px;

	
	background-image: url("layout/logo.png");
	background-size: contain;
	background-position: top; 
	background-repeat: no-repeat;
}
#infoContainer
{
	position: absolute;
	left: 50%;
    transform: translate(-50%,0);
	top: 50%;
	width: 70%;

	padding: 15px;

	-webkit-backdrop-filter: blur(5px); /* Use for Safari 9+, Edge 17+ (and iOS Safari 9.2+ */
	backdrop-filter: blur(5px); /* Supported in Chrome 76 */
  
	background-color: rgba(255,255,255, 0.8);
}
.infoList
{
	/*make single column */
	overflow: auto;
	height: 100%;
	width: 100%;
	
	padding-left: 0px;
	list-style-type: none;
	list-style-position: inside;
}