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

:root {
	--col-txt-primary: whitesmoke;
	--col-txt-highlight: #9653ef;
	--col-input-border: hsla(266, 83%, 63%, 0.5);
	--col-input-background: hsla(266, 83%, 63%, 0.5);
	--col-input-hover-border: hsla(266, 83%, 50%, 0.5);
	--col-input-hover-background: hsla(266, 83%, 23%, 0.5);
	--col-border: rgba(160, 88, 255, 0.2);
	--col-auxiliary: #141320;
	--col-background: black;
	--gap: 35px;
}

* {
	color: var(--col-txt-primary) !important;
}

html,
body {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	background-color: var(--col-background);

	/* font-family: Raleway, sans-serif; */
	font-family: Montserrat, sans-serif;
}

.highlight {
	color: var(--col-txt-highlight) !important;
}

.no-scroll {
	overflow: hidden !important;
}