/*
----------------+
-> @IMPORTS
----------------+
*/

/* Font import */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Syne:wght@400..800&family=Protest+Riot&display=swap');

/* general imports */
@import url('helpers.css');
@import url('components.css');
@import url('animations.css');
@import url('navbar.css');
@import url('footer.css');

/* lading page imports */
@import url('landing_page/hero.css');
@import url('landing_page/main.css');
@import url('landing_page/services.css');
@import url('landing_page/contact.css');
@import url('landing_page/blog.css');

/*
----------------+
-> Default configs
----------------+
*/

:root {
	/* Colors */
	--darkBlue: #042D37;
	--green: #028745;
	--lightGreen: #7DBF58;
	--lightColor: #E9EFE5;
	--lightGrey: #D3D3D3;
	--dirtBrown:  #8B4513;
	/* Typography */
	--supportFont: "Syne", sans-serif;
	--mainFont: 'MetropolisNF', sans-serif;
	--artisticFont: "Protest Riot", sans-serif;
}

* {
	min-width: 0;
	box-sizing: border-box;
	font-family: var(--mainFont);
}

html, body {}

body {
	margin: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: var(--lightColor);
	overflow-y: auto;
}

blockquote {
	all: unset;
}

h1 {
	font-size: 6rem;
}

h3 {
	margin: 0;
}

/* used in cards title */
h4 {
	font-size: 1.17rem;
	font-family: var(--mainFont);
	font-weight: bolder;
	text-align: center;
}

p {
	margin: 0;
	font-size: 14pt;
	line-height: 1.5;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
	color: inherit;
}


ul {
	padding: 0;
}

.sub-title p {
	letter-spacing: 4px;
	font-family: var(--supportFont);
}