@import url(styles/normalize.css);
@import url(styles/font.css);
@import url(styles/lenis.css);
@import url(styles/header.css);
@import url(styles/front-page.css);
@import url(styles/biorezonans.css);
@import url(styles/terapie.css);
@import url(styles/o-nas.css);
@import url(styles/kontakt.css);

:root {
	--primary-color: #8a8942;
	--secondary-color: #146541;
	--tertiary-color: #D6B85A;
	--text-color: #252525;
	--secondary-text-color: #3e5d7a;
	--background-color: #dbd7d2;
	--noise-image: url(../assets/photos/noise-light.png);
	--header-height: 7.5rem;
}

html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
}

html {
	font-family: Poppins, sans-serif;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
}

body {
	background-color: var(--background-color);
	overflow-x: hidden;
	color: var(--text-color);
}

main {
	position: relative;
	z-index: 900;
	width: 100%;
}

section,
footer {
	box-sizing: border-box;
	position: relative;
	z-index: 300;
	width: 100%;
}

#background {
	position: absolute;
	z-index: 0;
	inset: 0;
}

.background-noise {
	position: absolute;
	z-index: 200;
	background-image: var(--noise-image);
	inset: 0;
}