:root {

	--main: #0B3A72;
	--orange: #D6A461;
	--black: #4A4949;
	--grey: #EDEDED;
	--grey-100: #F9F9F9;
	--lightblue: #D9E1E9;
	--blue-100: #F5F6F8;
	--softgrey: #f5f5f5;


	--block-1: 1680px;
	--block-2: 1180px;
	--block-3: 920px;
	
	--size-900: 85px;
	--size-800: 45px;
	--size-700: 35px;
	--size-650: 25px;
	--size-600: 26px;
	--size-500: 20px;
	--size-400: 16px;
	--size-300: 14px;
	--size-200: 12px;

	--weight-900: 900;
	--weight-800: 800;
	--weight-700: 700;
	--weight-600: 600;
	--weight-400: 400;
	--weight-100: 100;

	--space-200: 200px;
	--space-150: 150px;
	--space-140: 140px;
	--space-130: 130px;
	--space-120: 120px;
	--space-100: 100px;
	--space-90: 90px;
	--space-80: 80px;
	--space-70: 70px;
	--space-60: 60px;
	--space-50: 50px;
	--space-40: 40px;
	--space-30: 30px;
	--space-25: 25px;
	--space-20: 20px;
	--space-15: 15px;
	--space-10: 10px;
	--space-5: 5px;
	
}

::selection {
	background-color: var(--black);
	text-shadow: none;
	color: #fff;
}

::placeholder {
	color: var(--grey);
}

/* Import: Power Grotesk */
@font-face {
    font-family: 'Power Grotesk';
    src: local("Power Grotesk UltraBold"),
         url('../fonts/PowerGrotesk-UltraBold.woff2'),
         url('../fonts/PowerGrotesk-UltraBold.woff');
    font-weight: 700;
    text-rendering: optimizeLegibility;
    font-display: swap;
}