@font-face {
	font-family: Outfit-Thin;
	src: url(/strands-game/fonts/Outfit-Thin.woff2) format("woff2")
}

@font-face {
	font-family: Outfit-Regular;
	src: url(/strands-game/fonts/Outfit-Regular.woff2) format("woff2")
}

@font-face {
	font-family: Outfit-Bold;
	src: url(/strands-game/fonts/Outfit-Bold.woff2) format("woff2")
}

@font-face {
	font-family: Outfit-SemiBold;
	src: url(/strands-game/fonts/Outfit-SemiBold.woff2) format("woff2")
}

@font-face {
	font-family: Font-Awesome-Brands;
	src: url(/strands-game/fonts/fa-brands-400.woff2)
}

@font-face {
	font-family: Font-Awesome;
	src: url(/strands-game/fonts/fa-solid-900.woff2)
}

@font-face {
	font-family: Inter-Regular;
	src: url(/strands-game/fonts/Inter-Regular.woff2) format("woff2")
}

@font-face {
	font-family: Inter-Medium;
	src: url(/strands-game/fonts/Inter-Medium.woff2) format("woff2")
}

@font-face {
	font-family: Inter-SemiBold;
	src: url(/strands-game/fonts/Inter-SemiBold.woff2) format("woff2")
}

:root {
	--font-type_1_regular: "Outfit-Regular", sans-serif;
	--font-type_1_thin: "Outfit-Thin", sans-serif;
	--font-type_1_bold: "Outfit-Bold", sans-serif;
	--font-type_1_semibold: "Outfit-SemiBold", sans-serif;
	--font-type_2_regular: "Inter-Regular", sans-serif;
	--font-type_2_medium: "Inter-Medium", sans-serif;
	--font-type_2_semibold: "Inter-SemiBold", sans-serif;
	--font-size_default: 16px;
	--main-palette-color_1: #000;
	--main-palette-color_1_hl_1: #1f1f1f;
	--main-palette-color_1_hl_2: #424242;
	--main-palette-color_2: #fff;
	--main-palette-color_3: #afdfed;
	--main-palette-color_3_hl_1: #e0f8ff;
	--main-palette-color_3_hl_2: #007e9a;
	--main-palette-color_4: #f7d61d;
	--main-palette-color_4_hl_1: #e3b90e;
	--main-palette-color_5: #dad8c5;
	--main-palette-color_5_hl_1: #a19e5a;
	--main-palette-color_6: #bfddd9;
	--main-palette-color_7: #b4b4b4;
	--shadow_type_1: rgba(0, 0, 0, .06) 0px 20px 30px 0px;
	--base_max_width: 1188px
}

* {
	box-sizing: border-box;
	scroll-behavior: smooth;
	scrollbar-width: auto;
	scrollbar-color: #8f8f8f #f0f0f0
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px
}

::-webkit-scrollbar-track {
	background: #f0f0f0
}

::-webkit-scrollbar-thumb {
	background-color: #8f8f8f;
	border-radius: 6px;
	border: 0 solid #fff
}

body, html {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column-reverse;
    font-family: 'Montserrat', 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
}

.container_inner {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column
}