/* USER VARIABLES SECTION */

:root {
	--accent: #25216A;
	--container: 1350px;
	--text: #25216A;
	--regular-text: clamp(1rem, 5vw, 1.125rem);
	--lineheight: 1.4;
	--userfont: Onest, sans-serif;
	--systemfont: -apple-system, BlinkMacSystemFont, Arial, sans-serif;
}


@font-face {
	src: url("../fonts/Onest-Light.woff2") format("woff2");
	font-family: "Onest";
	font-weight: 300;
	font-style: normal;
}

@font-face {
	src: url("../fonts/Onest-Regular.woff2") format("woff2");
	font-family: "Onest";
	font-weight: 400;
	font-style: normal;
}

@font-face {
	src: url("../fonts/Onest-Medium.woff2") format("woff2");
	font-family: "Onest";
	font-weight: 500;
	font-style: normal;
}

@font-face {
	src: url("../fonts/Onest-Bold.woff2") format("woff2");
	font-family: "Onest";
	font-weight: 700;
	font-style: normal;
}

@font-face {
	src: url("../fonts/Onest-ExtraBold.woff2") format("woff2");
	font-family: "Onest";
	font-weight: 800;
	font-style: normal;
}

@font-face {
	src: url("../fonts/Onest-Black.woff2") format("woff2");
	font-family: "Onest";
	font-weight: 900;
	font-style: normal;
}

/* GENERAL CSS SETTINGS */

::placeholder {
	color: #666;
}

::selection {
	background-color: var(--accent);
	color: #fff;
}

input,
textarea {
	outline: none;
}

input:focus:required:invalid,
textarea:focus:required:invalid {
	border-color: red;
}

input:required:valid,
textarea:required:valid {
	border-color: green;
}

body {
	font-family: var(--userfont);
	font-size: var(--regular-text);
	line-height: var(--lineheight);
	color: var(--text);
	min-width: 320px;
	position: relative;
	overflow-x: hidden;
}

.container {
	margin-left: auto;
	margin-right: auto;
	padding-left: .9375rem;
	padding-right: .9375rem;
	max-width: var(--container);
}
button {
	border: none;
}