@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
	--background: #191919;
	--header-bg: #323232;
	--shadow-bg: rgba(0, 0, 0, 0.5);

	--headline: #fffffe;
	--paragraph: #a7a9be;

	--main-color: #a786df;
	--main-hover: #856bb2;
	--button-text: #fffffe;

	--radius: 5px;
	--transition: 0.5s;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	width: 100vw;
	background: var(--background);
	font-family: 'Roboto', sans-serif;
	overflow-x: hidden;

	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}

h1 {
	font-size: 50px;
	color: var(--main-color);
}