مشكلة فى تصميم header

السلام عليكم ,

عند مشكلة فى تصميم header الذى يحتوى على الصفحات و لوجو , فانا صممت بحيث اذا نزل المستخدم بالموقع الى اسفل الصفحة يظل ثابتا فى اعلى الصفحة

المشكلة انه عند النزول لاسفل الصفحة توجد مسافة بين header واعلى الصفحة

هنالك مسافة بين المستظيل الاحمر و اعلى الصفحة 

اريد حل هذه المشكلة , شكرا لكل من ساعد

كود HTML

<header>
	<div class="noget">
			<a href="main.html" class="">الصفحة الرئسية</a>
			<a href="guide.html" class="">دليل مبرمجين</a>
			<a href="las.html" class="">دورات</a>
			<a href="book.html" class="">كتب</a>
			
	</div>
		<a href="" class="logo">اتعلم برمجة</a>
</header>

كود CSS

header{
	margin-top:0px;
	padding-top:0px;
	width: 100%;
	position: fixed;
	z-index: 999;
	display: flex;
	align-items: center;
	padding: 8px 40px;
	background-color:#0B6121;
	text-align:center;
	
	
}
.logo {
	text-decoration: none; 
	color: #ACFA58;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1cm;
	text-align:center;
	padding-left:200px;
}

.noget a{
	text-decoration: none; 
	color: #ACFA58;
	font-size: 20px;
	font-weight: 100;
	transition: 0.7s ease;
	padding-right: 20px;
	text-align:center;
	padding-left:20px;
}
.noget a:hover{
	text-decoration: none; 
	color: #F7FE2E;
	font-size: 25px;
	font-weight: 100;
	padding-right: 20px;
	
}