//=============================
*
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}
 
html, body, section
{
    position: relative;
    height: 100%;
}
 
html
{
    scroll-behavior: smooth;
}
 
nav ul
{
    list-style-type: none;
	background-image:url(../batik.jpg);
    background-color: none;
    overflow: hidden;
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 1;
}

nav li
{
    float: left;
    margin-left: 20px;
}

 nav u2
{
	list-style-type: none;
	background-color: crimson;
	overflow: hidden;
	top: 65px;
	position: fixed;
	width: 100%;
	margin-left: 1px;
	height:3%;
	z-index: 1;
}

 nav u3
{
	list-style-type: none;
	background-size: contain cover;
	overflow: hidden;
	background-position: center center;
	top: 500px;
	position: fixed; 
	height:100%;
	margin-left: 25px;
	z-index: 1;
}
nav l3
{
    float: left;
    margin-left: 1px;
}

 
nav ul li a
{
	display: block;
	padding: 5px;
	color: white;
	text-decoration: none;
	font-weight: bold;
}
 
nav ul li a:hover
{
    background-color:black;
    transition-duration: 2s;
}
 
section
{
    padding: 3px;
}
 
p 
{
  font-size: 20px;
  color: #FFF;
}
p2 
{
  font-size: 20px;
  alignment-adjust:central;
  color: #FFF;
}

h2
{
    margin-bottom: 5px;
}
 
#menu1
{
    background-color:none;
	width:100%;
    color: white;
}
 
#menu2
{
    background-color: #999;
    color: #000;
	
}
 
#menu3
{
    background-color: #999;
    color: #000;
}
#menu4
{
   background-color: #999;
    color: #000;
}
#menu5
{
    background-color: #999;
    color: #000;
}
//=============================