*  {
	box-sizing: border-box;
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
 }

@font-face  {
	font-family: fran;
	src: url("fran.ttf");
 }

ul, .topnav  {
	left: 110px;
	font-size: 20px;
	list-style-type: none;
	position: fixed;
	top: 0px;
	width: 100%;
	padding: 10px;
	background-color: rgb(6, 0, 89);
	box-shadow: 0px 0px 1px 1px #15f2fe, 0px 0px 2px 2px #05bbd3, 0px 0px 3px 3px #0190d8;
 }

li  {
	float: left;
	padding: 4px;
	margin-left: 20%;
	border: solid 1px;
	color: rgb(0, 191, 255);
	box-shadow: 0px 0px 1px 1px #15f2fe, 0px 0px 2px 2px #05bbd3, 0px 0px 3px 3px #0190d8;
	background-color: #0011ff;
	border-radius: 7%;
 }

li a:hover  {
	background-color: #0048ff;
	border: #01a9f7;
	border-radius: 3%;
 }

li a, .dropbtn  {
	font-family: fran;
	color: #01a9f7;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff;
	text-align: center;
	margin-top: 10px;
 }

li.dropdown  {
	display: inline-block;
 }

.dropdown-content  {
	display: none;
	background-color: rgb(0, 0, 255);
	min-width: 28px;
	z-index: 1;
	border: solid 1px;
	border-radius: 1%;
	color: rgb(0, 191, 255);
	box-shadow: 0px 0px 2px 2px #15f2fe, 0px 0px 4px 4px #05bbd3, 0px 0px 8px 8px #0190d8;
 }

.dropdown-content a  {
	color: #01a9f7;
	padding: 5px;
	text-decoration: none;
	display: block;
	text-align: left;
 }

.dropdown-content a:hover  {
	background-color: #0048ff;
	border: #01a9f7;
	border-radius: 3%;
 }

.dropdown:hover .dropdown-content  {
	display: block;
	border-radius: 3%;
 }

.header img  {
	width: 150px;
	height: 150px;
	background-repeat: no-repeat;
	position: relative;
	margin-top: 10%;
	margin-left: 5%;
	border-radius: 50%;
	border: 0.3px solid #0011ff;
	box-shadow: 0px 0px 2px 2px #15f2fe, 0px 0px 4px 4px #05bbd3, 0px 0px 8px 8px #0190d8;
 }

.header, h1  {
	padding-top: 10px;
	text-align: center;
 }

body  {
	margin: 0 auto;
	padding: 0;
	background-color: #0319a4;
	overflow-y: hidden;
	overflow-x: hidden;
 }

p  {
	border: 1px solid rgb(251, 253, 255);
	padding: 25px 50px 50px 100px;
	background-color: rgb(0, 130, 243);
	width: 600px;
	margin-left: 2%;
	text-align: justify;
	position: relative;
	overflow: hidden;
	text-indent: 60px;
	box-shadow: 0px 0px 3px 3px #15f2fe, 0px 0px 2px 2px #05bbd3, 0px 0px 1px 1px #0190d8;
	border-radius: .5%;
 }

h1  {
	font-size: 180%;
	font-family: fran;
	color: #01a9f7;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff;
 }

h2  {
	font-size: 180%;
	font-family: fran;
	color: #01a9f7;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff;
	padding: 1em;
	text-align: center;
 }

h3  {
	font-size: 140%;
	font-family: fran;
	color: #01a9f7;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff;
	text-align: center;
 }

main  {
	position: relative;
	top: 45px;
	left: 215px;
	right: 5px;
	background: rgb(9,73,237);
	background: rgb(0,15,136);
	background: linear-gradient(0deg, rgba(0,15,136,1) 0%, rgba(1,13,106,1) 3%, rgba(14,17,135,1) 9%, rgba(0,17,59,1) 15%, rgba(35,30,82,1) 21%, rgba(0,10,103,1) 29%, rgba(28,38,120,1) 35%, rgba(9,28,143,1) 41%, rgba(6,25,90,1) 48%, rgba(0,8,130,1) 54%, rgba(32,52,138,1) 62%, rgba(12,28,107,1) 69%, rgba(0,20,110,1) 71%, rgba(29,39,88,1) 75%, rgba(20,30,82,1) 81%, rgba(63,79,148,1) 89%, rgba(3,22,116,1) 95%, rgba(23,44,144,1) 100%);
 }

/* Add the ability to scroll */
.scroll  {
	width: 1258px;
	height: 676px;
	overflow-y: scroll;
	box-shadow: 0px 0px 1px 1px #15f2fe, 0px 0px 2px 2px #05bbd3, 0px 0px 3px 3px #0190d8;
 }

/* Hide scrollbar for Chrome, Safari and Opera */
.scroll::-webkit-scrollbar  {
	display: none;
 }

/* Hide scrollbar for IE, Edge and Firefox */
.scroll  {
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
 }

p {
	position: relative;
	left: 4%;
	font-size: 110%;
	color: #ffffff;
	background-color: rgba(0, 2, 29, 0.473);
	width: 90%;
	box-shadow: 0px 0px 2px 2px #15f2fe, 0px 0px 4px 4px #05bbd3, 0px 0px 8px 8px #0190d8;
	padding: 50px;
 }

.scroll h1  {
	background-color: rgb(0, 85, 255);
	box-shadow: 0px 0px 2px 2px #15f2fe, 0px 0px 4px 4px #05bbd3, 0px 0px 8px 8px #0190d8;
 }

.scrolls h3 {
	text-decoration: underline;
	font-size: 250%;
	font-family: fran;
	color: #01a9f7;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff;
 }

 .desc  {
	text-align: center;
	font-size: 180%;
	font-family: fran;
	color: #01a9f7;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff;
 }
 

.gallery img {
	position: relative;
	left: 24%;
	width: 600px;
	height: 375px;
	padding: 3px 3px;
	margin-top: 40px;
	margin-bottom: 40px;
	border: 3px solid;
	color: rgb(8, 255, 234);
	box-shadow: 0 0 4px 4px #04bcff;
 }

.image  {
	position: relative;
	left: 10%;
	width: 800px;
	height: 325px;
	padding: 3px 3px;
	margin-top: 40px;
	margin-bottom: 40px;
	border: 3px solid;
	color: rgb(8, 255, 234);
	box-shadow: 0 0 4px 4px #04bcff;
 }

aside  {
	position: fixed;
	top: -14px;
	background-color: rgb(6, 0, 89);
	margin-left: 1px;
	height: 735px;
	width: 208px;
	box-shadow: 0px 0px 1px 1px #15f2fe, 0px 0px 2px 2px #05bbd3, 0px 0px 3px 3px #0190d8;
 }

aside .sidenav  {
	position: relative;
	top: 0%;
 }

aside .sidenav button  {
	position: relative;
	width: 90%;
	margin-left: 10.5px;
	background-color: #000b9e;
	box-shadow: 0px 0px .5px .5px #15f2fe, 0px 0px 1px 1px #05bbd3, 0px 0px 2px 2px #0190d8;
	border-radius: 2%;
 }

aside .sidenav button:hover  {
	background-color: #0084ff;
	border-color: #00ffcc;
	border-radius: 2%;
 }

.sidebar .new  {
	position: relative;
	top: 25px;
	left: 5.5px;
	height: 155px;
	width: 175px;
 }

/*bubly "new" img sparkling water french glow prop*/
.new  {
	margin-left: 10px;
	position: relative;
	width: 202px;
	height: auto;
	border-radius: 1%;
	box-shadow: 0px 0px 2px 2px #15f2fe, 0px 0px 4px 4px #05bbd3, 0px 0px 8px 8px #0190d8;
 }

footer  {
	text-align: center;
	font-size: 150%;
	font-family: fran;
	color: #01a9f7;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff;
	padding: 5px;
	background-image: url("../images/bublue.gif");
	box-shadow: 0px 0px 1px 1px #15f2fe, 0px 0px 2px 2px #05bbd3, 0px 0px 3px 3px #0190d8;
 }