* {
	font-size: 14px;
	font-family: 'Inter', sans-serif;
}

:root {
	--white-color: #F8F8F8;
	--black-color: #202020;
	--darkblack-color: #0C0C0C;
	--midblack-color: #282828;
	--orange-color: #FF792B;
	--blue-color: #2B40FF;
	--grey-color: #5A5A5A;

}

a {
	text-decoration: none;
}

body {
	background: linear-gradient(180deg, #0C0C0C 18.75%, #202020 59.38%, #0C0C0C 100%);
	width:100%;
}

.navbar {
	height: 80px;
	width: 100%;
	background: rgba(12, 12, 12, 0.9);
	backdrop-filter: blur(150px);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	padding: 0 60px 0 60px;
	position: fixed;
	z-index: 999;
	top:0;
}

.navbar a {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	text-transform: lowercase;
	color: var(--white-color);
	text-decoration: none;
	padding: 0;
}

.navbar>ul {
	width: 70%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0;
	flex-wrap: wrap;
}

.navbar_rightNav {
	display: flex;
	align-items: center;
}

.navbar_search-button {
	background: none;
	border: none;
	opacity: 0.5;
	transition: 1s;
}

.navbar_search-button:hover {

	opacity: 1;
}

.navbar_search-input {
	background: none;
	border: none;
	color: var(--white-color);
	font-style: normal;
	font-weight: 600;
	font-family: 'Inter', sans-serif;
	margin: 20px;
}

.navbar_search-input:focus {
	outline: none;
}

.dropdown,
.dropdown:hover,
.dropdown a,
.dropdown a:hover,
.btn-secondary,
.dropdown-menu {
	border: none;
	background: none;
	--bs-btn-color: var(--white-color);
	--bs-btn-bg: none;
	--bs-btn-border-color: none;
	--bs-btn-hover-color: var(--white-color);
	--bs-btn-hover-bg: none;
	--bs-btn-hover-border-color: none;
	--bs-btn-focus-shadow-rgb: none;
	--bs-btn-active-color: var(--white-color);
	--bs-btn-active-bg: none;
	--bs-btn-active-border-color: none;
	--bs-btn-active-shadow: none;
	--bs-btn-disabled-color: none;
	--bs-btn-disabled-bg: none;
	--bs-btn-disabled-border-color: none;
	border-radius: 0;
}

.dropdown a::after {
	display: none;
}

.dropdown-menu.show {
	display: flex;
	flex-direction: column;
	padding: 35px;
	background: rgba(12, 12, 12, 0.9);
	backdrop-filter: blur(150px);
	box-sizing: border-box;
	width: 300px;
	left: -20px;
	top: 53px;
}

.dropdown-menu.show li {
	margin: 15px;
	margin-left: 0;
}

header {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow:hidden;
	margin-top:100px;
}

h1 {
	display: flex;
	position: relative;
	top: -30px;
}

.logo span,
.logo span::after {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 20vw;
	line-height: 140%;
	letter-spacing: 0.245em;
	position: relative;
	z-index: 10;
	display: inline-block;
	text-shadow:
		-4px -4px 0 var(--white-color),
		4px -4px 0 var(--white-color),
		-4px 4px 0 var(--white-color),
		4px 4px 0 var(--white-color);
	color: var(--darkblack-color);
}

.logo span::after {
	content: attr(data-letter);
	position: absolute;
	left: 15px;
	z-index: -1;
}

.logo span:nth-child(1) {
	transform: rotate(2.63deg);
	position: relative;
}

.logo span:nth-child(2) {
	text-shadow:
		-4px -4px 0 var(--orange-color),
		4px -4px 0 var(--orange-color),
		-4px 4px 0 var(--orange-color),
		4px 4px 0 var(--orange-color);
	transform: rotate(-9.09deg);
	position: relative;
	top: 50px;
}

.logo span:nth-child(2)::after {
	text-shadow:
		-4px -4px 0 var(--orange-color),
		4px -4px 0 var(--orange-color),
		-4px 4px 0 var(--orange-color),
		4px 4px 0 var(--orange-color);
}

.logo span:nth-child(3) {
	transform: rotate(19.6deg);
	position: relative;
	top: 30px;
}

.logo span:nth-child(4) {
	transform: rotate(-12.43deg);
	position: relative;
	top: 100px;
}

.navbar_mobile{
	display:none;
}