@font-face {
	font-family: 'Pretendard';
	src: url('/assets/font/PretendardVariable.woff2') format('woff2');
	font-style: normal;
	
}	
@font-face {
	font-family: 'Poppins-Bold';
	src: url('/assets/font/Poppins-Bold.woff2') format('woff2');
	font-style: normal;
}
@font-face {
	font-family: 'Poppins-SemiBold';
	src: url('/assets/font/Poppins-SemiBold.woff2') format('woff2');
	font-style: normal;
}
@font-face {
	font-family: 'Poppins-Medium';
	src: url('/assets/font/Poppins-Medium.woff2') format('woff2');
	font-style: normal;
}


body { font-family: "brandon-grotesque", "Pretendard", system-ui, sans-serif; letter-spacing:-1px; background: #04060d; color: #fff; overflow-x: hidden; }
.f-pps { font-family: "Poppins-Bold", sans-serif; }
.f-sm { font-family: "Poppins-SemiBold", sans-serif; }
.f-m { font-family: "Poppins-Medium", sans-serif; }
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #2533be; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #3b4ceb; }