:root 
	{
	--background: #108496;
	--box: #d9d9d9;
	--nav: #f1f11b;
	--text: #000000;
	}

html, body
	{
	height: 100%;
	}

	body
	{
	margin: 0px;
	padding: 0px;
	background: var(--background);
	font-family: 'Questrial', sans-serif;
	font-size: 15pt;
	color: rgba(0,0,0,.6);
	border-radius:10px;
	}
	
	h1, h2, h3
	{
	margin: 0;
	padding: 0;
	color: var(--text);
	}
	
	#top
	{
	text-align: center;
	color: red;
	}

	#top ul {
  	list-style-type: none;
  	margin: 0;
  	padding: 0;
  	overflow: hidden;
  	background-color: var(--nav);
	}

	#top li {
  	float: right;
	font-weight: bold;
	}

	#top li a {
	overflow: auto;
	font-size: 15pt;
  	display: block;
  	color: var(--text);
 	text-align: center;
  	padding: 15px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 5px;
    margin-bottom: 5px;
  	text-decoration: none;
	font-family: 'Questrial', sans-serif;
	border-radius: 25px 15px 15px 15px;
	}

	#top li a:hover {
  	background-color: var(--background);
	color: var(--nav);
	}
	
	#title{
	text-align: center;
	padding: 3%;
  	overflow: hidden;
  	background-color: var(--box);
	}

	.box
	{padding: 3%;
	font-family: 'Questrial', sans-serif;
	text-align: center;
	margin: 1% 0% 1% 0%;
  	overflow: hidden;
  	background-color: var(--box);
	color: var(--text);
	}
	
	.box2
	{padding: 3%;
	font-family: 'Questrial', sans-serif;
	margin: 1% 40% 1% 0%;
	border-radius: 0px 50px 50px 0px;
  	overflow: hidden;
  	background-color: var(--box);
	color: var(--text);
	}

	.box3
	{padding: 3%;
	font-family: 'Questrial', sans-serif;
	margin: 1% 0% 1% 40%;
	border-radius: 50px 0px 0px 50px;
  	overflow: hidden;
  	background-color: var(--box);
	color: var(--text);
	}

	.nav
	{
	border-bottom: 2px solid var(--background);
	}

	.footer 
	{
	font-size: 11pt;
	padding: 0.25%;
   	left: 0;
   	bottom: 0;
   	width: 100%;
   	background-color: var(--box);
   	color: #7a7a7a;
   	text-align: center;
	}