/* ===== VARIABLES ===== */
html {
  	scroll-behavior: smooth; /* плавный скролл при переходе по ссылке */
}

:root {
	font-size: 10px;
	--container-width: 1400px;
	--container-padding: 120px;

	--color-main: #368626;
	--color-secondary: #757b8a;
	--color-black: #1d1d21;
	--color-white: #fbfaf9;

	--main-size: 1.6rem;
	--h1-size: 14rem;
	--h2-size: 7.2px;
	--title: 6.4rem;
}

/* ===== FONTS ===== */
@font-face {
	font-family: 'DMSans';
	src: url('../assets/fonts/DMSans-VariableFont_opsz,wght.ttf') format('truetype');
	font-weight: 100 900; /* variable font */
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'DMSans';
	src: url('../assets/fonts/DMSans-Italic-VariableFont_opsz,wght.ttf') format('truetype');
	font-weight: 100 900;
	font-style: italic;
	font-display: swap;
}


/* ===== BASE ===== */

body {
	font-family: Arial, sans-serif;
	background: var(--color-white);
	color: var(--color-black);
	font-size: var(--main-size);
	font-family: 'DMSans';
	font-weight: 500;
}

/* ===== CONTAINER ===== */

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


.button{
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--color-black);
	border-radius: 2.5rem;
	font-size: 1.4rem;
	font-family: 'DMSans';
	font-style: normal;
	font-weight: 600;
}

.title{
	font-family: 'DMSans';
	font-style: normal;
	font-weight: 700;
	font-size: 6.4rem;
	text-transform: uppercase;
	color: var(--color-main);
}