html {
	scroll-behavior: smooth;
}

.mobilenav {
	display: none;
	transform: translate3d(0%, -100%, 0px);
	transition: transform .5s ease;
}

.bounce {
	animation: bounce 0.5s linear infinite alternate;
}

@keyframes bounce {
	0% {
		transform: scale(1)
	}

	100% {
		transform: scale(1.1)
	}
}

@media screen and (max-device-width: 500px) {
	.mobilenav {
		display: flex;
		transform: translate3d(0, 0, 0);
		transition: transform .5s ease;
	    background-color: transparent !important;
	    padding: 0.2rem 1rem;
	}

	.mobilenav.active,
	.mobilenav.showback{
		display: flex;
		transform: translate3d(0, 0, 0);
		transition: transform .5s ease;
	    background-color: black !important;
	}
	
	.navbar-toggler {
        padding: 0.25rem 0.3rem;
	}

	.navbar-collapse {
		padding-top: 5px;
	}

	.navbar-nav .nav-item {
		border-top: 1px solid #2f3134;
	}

	.navbar-dark .navbar-nav .active>.nav-link,
	.navbar-dark .navbar-nav .nav-link.active,
	.navbar-dark .navbar-nav .nav-link.show,
	.navbar-dark .navbar-nav .show>.nav-link {
		color: hsl(38deg 96% 54%);
	}
}