@import "abstracts/variables";
@import "abstracts/functions";

/*--- Global ---*/
body {
	font-family: 		$font-stack;
	font-size: 			$base-font-size;
	line-height: 		$base-line-height;
	max-width: 			$website-size;
	background-color: 	$base-body-bg;
	color: 				$base-color;
}
.site {
	background-color: $base-page-bg;
    position: relative;
    z-index: 0;
}

/*--- Particle ---*/
#particle-container { position: fixed; z-index: -10; top: 0; left: 0; right: 0; width: 100%; height: 100%; 
	pointer-events: none; max-width: $website-size; margin: 0 auto;

	canvas { display: block; vertical-align: bottom; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);
	    opacity: 1; -webkit-animation: appear 1.4s 1; animation: appear 1.4s 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;
	}
}
@import "base/typography";
@import "base/utilities";
@import "components/button";
@import "components/search";
@import "components/animations";

@import "layout/header";
@import "layout/page-banner";

/*--- Pages ---*/
@import "pages/home";
@import "pages/others";

/*--- Vendor ---*/
@import "vendor/shortcode-ultimate";

@import "components/social-menu";

@import "components/form";

@import "components/pagination";

@import "layout/footer";