<header>
	<div class="Navbar">

		<a routerLink="/">
			<!-- style included because child of <a> tag changes appeareance -->
			<img class="NavLogo" src="assets/images/LogoProv2.png" style="height: auto; width: 250px;">
		</a>
		<div class="NavSearchContainer">
			<input [(ngModel)]="search" (keyup)="showinput()" (keydown)="hideinput()" class="NavInput" type="text" placeholder="Search..">
			<a routerLink="/busqueda/{{ search }}">
				<i class="fas fa-search fa-2x" style="color:white;"></i>
			</a>
			<div *ngIf="suggestion" class="NavSuggestion">
				<i>buscar {{ search }}</i>
			</div>
		</div>
		<a href="javascript:" routerLink="/">
			<i class="fas fa-user-circle fa-3x" style="color:white;"></i>
		</a>
	</div>
</header>