Answers for "now to get rid of margin above navi bar"

gap above nav bar html

<!-- make a empty div and style it (css) with background color : <your nav bar color>,
top : 0, left : 0. place it just below the nav bar. -->
<div class="whitespace"></div>
  	<ul>
     <li><a>*O*</a></li>
     <li><a>OwO</a></li>
     <li><a>^U^</a></li>
     <li><a>^w^</a></li>
     <li><a>TwT</a></li>
</ul>
<!-- style (css) -->
.whitespace {
	width: 1300px;
  	height: 100px;
  	top: 0px;
  	left: 0px;
  	background: #FFFFFF;
  	position: fixed;
}