@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:200,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Lato:100,200,300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Bebas+Neue&display=swap');

@font-face {
  font-family: 'Social Icons';
  src: url('../fonts/social_font.ttf');
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

:root {
	--clr-primary: #333333;
	--clr-accent: #f74f00;
	--clr-secondary: #eee;
	--clr-light: #fafaf6;
	
	--ff-cursive: 'Bebas Neue', sans-serif;
	--ff-serif: 'Lato', sans-serif;
	--ff-sans: 'Barlow Condensed', sans-serif;
}

html {
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
	background: var(--clr-primary);
}
header {
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}