*{
		margin: 0;
		padding: 0;
	}
	body{
		min-height: 100vh;
		font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
		
	}
	nav{
		background-color: whitesmoke;
		box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
	
	}
	nav ul{
		width: 100%;
		list-style: none;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	nav li {
		height: 100px;
		font-size:22px;
	}
	nav a{
		height: 100%;
		padding: 0 30px;
		text-decoration: none;
		display: flex;
		align-items: center;
		color: #2C3E50;
		
	}
	nav a:not(.noHover):hover{
		background-color: #B22222;
		color:#ffffff;
	}
	
	nav li:first-child{
		margin-right: auto;
	}
	
	.sidebar{
		position: fixed;
		top: 0;
		right: 0;
		height: 100vh;
		width: 250px;
		z-index: 999;
		background-color: whitesmoke;
		backdrop-filter: blur(10px);
		box-shadow: -10px 0px 10px rgba(0,0,0,0.1);
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		display: none;
	}
	.sidebar li{
		width: 100%;
	}
	.sidebar a{
		width: 100%;
	}
	.displayOnMobile{
		display: none;
	}
	.displayOnSmall{
		display: none;
	}
	@media (max-width: 1322px) {
		.hideOnMobile{
			display: none;
		}
		.displayOnMobile{
			display: flex;
		}
	}
	@media (max-width: 530px) {
		.sidebar{
			width: 100vw;
		}
		.hideOnSmall{
		    display:none;
		}
		.displayOnSmall{
		    display: flex;
	    }
	}