@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
	--primary: #492cff;
	--primary-hover: #5d45ff;
	--accent: #000000;
	--text: #ffffff;
	--text-accent: #000000;
	--bg: #000000;
	--bg-accent: #ffffff;
	--container-width: 1350px;
	--container-padding: 20px;
	--font-text: 'Montserrat', Arial, sans-serif;
}


/*global*/
.body {
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 18px;
	line-height: 22px;
	color: var(--text);
	min-width: 280px;
	background-color: var(--bg);
	position: relative;
	overflow-x: hidden;
}

.body--lock {
	overflow: hidden;
}

img {
	max-width: 100%;
	height: auto;
}

.page-wrapper {
	position: relative;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	flex-direction: column;
}

.main {
	position: relative;
	flex: 1 1 auto;
}

.container {
	max-width: var(--container-width);
	width: 100%;
	padding: 0 var(--container-padding);
	margin: 0 auto;
}

.button {
	display: inline-block;
	box-shadow: 2px -1px 55px var(--primary);
	border: none;
	border-radius: 30px;
	font-family: 'Montserrat', Arial, sans-serif;
	text-transform: uppercase;
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	color: var(--text);
	padding: 34px 72px;
	transition: transform 0.1s ease;
}

.button:hover {
	cursor: pointer;
	transform: scale(1.05);
}

.button__primary {
	background-color: var(--primary);
}

.button__accent {
	background-color: var(--accent);
}