/* Start:/local/templates/pokrovka/template_styles.css?17326408081128*/
@import "/local/templates/pokrovka/./assets/css/normalize.css";

:root {
	--blue: #7BCEE7;
	--pink: #FFADED;
	--pink-rgb: 255, 173, 237;
	--red: #D02E26;
	--red-rgb: 208, 46, 38;
}

/* Common */
body {
	font-family: 'Arial', sans-serif;
}

a {
	color: black;
}

/* Header */
.logo {
	position: fixed;
	top: 0;
	left: 0;
}

.header__button {
	position: fixed;
	bottom: 3.75rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 100;
}

/* Logo */
.logo {
	width: 7.5rem;
	z-index: 100;
}

/* Socials */
.socials {
	display: flex;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

/* Button */
.btn {
	display: inline-block;
	padding: 1rem 2.25rem;
	border-radius: 2rem;
	color: white;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 1.25rem;
	transition: .2s;
	user-select: none;
	white-space: nowrap;
}

.btn--link {
	padding: 0;
	text-transform: none;
}

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

.btn--primary:hover {
	background-color: var(--blue);
}

.btn--alternate {
	background-color: var(--red);
}

.btn--alternate:hover {
	background-color: var(--blue);
}

@media (min-width: 768px) {
	.logo {
		width: 12.5rem;
	}
}
/* End */
/* /local/templates/pokrovka/template_styles.css?17326408081128 */