html, body{
	width: 100%;
	overflow-x: hidden;
	padding: 0;
	margin: 0;
  background: radial-gradient(ellipse at bottom, #1b2735 0%, #191f24 100%);
	scroll-behavior: smooth;
}

nav[role="navigation"] *{
	color: #3C3848 !important;
}
nav[role="navigation"] a:hover{
	color: #fff !important;
	text-decoration: none;
}
#head {
	overflow: hidden;
	color: white;
}
#head1{
		z-index: 1;
    position: relative;
  	background: radial-gradient(ellipse at bottom, #1b2735 0%, #191f24 100%);

}
#head2{
	color: #eee;
}


svg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
   	z-index: 0;
}

	#body{
		font-size: 1.4vh;
		background-color: white;
		padding: 48px;
		min-height: 71vh;
		box-shadow: inset 20px 0px 11px -5px rgba(0,0,0,0.1),inset -20px 0px 11px -5px rgba(0,0,0,0.1);
	}

  	div.navbar-header a.navbar-brand, div#navbarCollapse a{ color: #ccc; font-size: 18px; }
  	div#navbarCollapse a:hover{
      color: #fff; text-decoration: none;
    }
    ul[role="menu"] a:hover{
      color: #2F4E6F !important;
    }

    .navbar{
    	margin-bottom: 0;
    	border: 0;
    }

    .dropdown-menu.mdp{
      min-width: 480px;
    }
  	a.lighta,
  	.lighta a,
  	.lighta h3
  	{
  		display: block;
  		color: #ccc;
  	}
  	.darka a,
  	.darkla a, .darkla li.divider,
  	.darka h3
  	{
  		display: block;
  		color: #2F4E6F !important;
  	}

  	.darka a:not(.mdp .darka a),
  	.darka h3:not(.mdp .darka h3),
  	.darkla a
  	{
  		background-color: white;
  	}

  	.lighta a:hover,
  	.darka  a:hover
  	{
  		color: #ccc !important;
  	}
  	ul[role="menu"].mdp{
  		background: linear-gradient(-45deg, #aaa, #2F4E6F);
  	}
  	ul.darkla li a:hover{
  		background-color: #2F4E6F;
  		color: white !important;
  	}


		#footer a{
			color: orange;
			background-color: transparent;
		}
		#footer a:hover{
			color: white;
			text-decoration: none;
		}
		#footer{
			z-index: 1;
		  position: relative;
		 	/*background: radial-gradient(ellipse at bottom, #1b2735 0%, #191f24 100%);*/
		 	background: #1b2735;
			color: #eee;
			padding-top: 1em;
			padding-bottom: 1em;
			min-height: 9vh;
			border-top: 4px double white;
		}


@media (max-width: 768px){
  .row{
			margin-left: -10px;
			margin-right: -10px;
	}
	div.navbar-header a.navbar-brand, div#navbarCollapse a {
		font-size: 5vw  !important;
		display: block;
	}
	.nav>li{
		width: 100%;
	}

	ul.darkla li a:hover{
	  background-color: #2F4E6F;
	  color: white !important;
	}
	.darkla li.divider{
	  color: #000 !important;
	  background-color: white;
	}
	blockquote, table{
		width: 100% !important;
	}
	#footer{
		background: transparent;
	}
	#footer a{
			color: orange;
			background-color: #1b2735;
	}
	#body{
		font-size: 2.4vh;
	}
}