@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wdth,wght@100.5,200..900&display=swap');

body {
  margin: 0;
  padding: 0;

  width: 100%;
  height: 100%;
}

.bg {
	position: fixed;
	z-index: -99999999;
	width: 100vw;
	width: 100dvw;
	height: 100vh;
	height: 100dvh;
	background-image: url("../images/6.png");
	background-size: cover;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
}

.bgoverlay {
	position: fixed;
	z-index: -9999999;
	width: 100vw;
	height: 100vh;
	background-color: #b0b0b088;
	top: 0;
	left: 0;
}

p, a, span, div, h1, ul, ol {
	color: #2b1e13;
	font-family: 'inconsolata';
}

a {
	text-decoration: none;
}

.link {
	text-decoration: underline;
}

.link:hover {
	cursor: pointer;
	font-weight:700;
}

/* Navbar */
#navbar-mobile {
	display: none;
}

#navbar-desktop {
	display: flex;
}

.navbar {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
    justify-content: space-between; /* Distribute space between children */
    align-items: center;    /* Align items vertically in the center */
    padding: 10px 40px; 
}

.navleft, .navright {
    display: flex;    
	row-gap: 20px
}

.navitem {
	font-weight: 900;
	font-size: 2.5rem;
	padding: 5px 20px;
}

.navitem:hover {
	text-shadow: 3px 3px rgb(140, 166, 137);;
	/*text-shadow: 2px 2px 20px white;*/
}




@media (max-width: 720px) {
	/* MOBILE STYLES */
	#navbar-mobile {
		display: flex;
	}

	#navbar-desktop {
		display: none;
	}

	.navbar {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: space-between; /* Distribute space between children */
		align-items: center;    /* Align items vertically in the center */
		padding: 10px 12px; 
		
	}

	.navitem {
	font-weight: 900;
	font-size: 2.5rem;
	padding: 5px 10px;
}
}