nav {
		background: white;
		position: fixed;
		bottom: 0;
		right: 0;
		left: 0;
		border-top: 0.1px solid black;
		z-index: 100;
}

nav ul {
		display: flex;
		align-items: center;
		justify-content: space-around;
		list-style: none;
		height: 60px;
		
}

nav ul li {
		flex: 1; 
}

nav a {
		text-decoration: none;
		display: flex;
		flex-direction: column;
		gap: 5px;
		align-items: center;
		font-size: 16px;
		color: #808080;
		cursor: pointer;
		user-select: none;
}

nav a.active {
		font-weight: bolder;
		color: orangered;
}

@media (min-width: 768px) {
		nav {
				background: white;
				width: 70px;
				position: fixed;
				bottom: 0;
				left: 0;
				top: 0;
				height: 100vh;
				z-index: 100;
				border-right: 0.1px solid black;
				border-top: none;
				
		}
		
		nav ul {
				display: flex;
				flex-direction: column;
				gap: 10px;
				margin-top: 60px;
		}
}