/* Import section specific css */
@import "./header.css";
@import "./banner.css";
@import "./menu.css";
@import "./commands.css";

/* Google Fonts */
.magra-regular {
  font-family: "Magra", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.magra-bold {
  font-family: "Magra", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.oswald-bold {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.special-gothic-condensed-one-regular {
  font-family: "Special Gothic Condensed One", sans-serif;
  font-weight: 400;
  font-style: normal;
}
/* Baselines */
body {
    background-color: #161616;
    display: flex;
	justify-content: center;
    align-items: center;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
* {
	font-family: "magra", sans-serif;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
	box-sizing: border-box;
}
div {
    box-sizing: border-box;
	width: 100%;
	height: 100%;
    background-color: transparent;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */	
}
div a {
	font-weight: 400;
}
a {
	font-weight: 400;
}
a:link, a:visited {
    text-decoration: none;
	font-weight: 400;
}
a:hover, a:active {
    text-decoration: none;
	font-weight: 400;
}
ul {
    list-style-type: none;
}
p {
  font-weight: 400;
}
/*  Icon baseline  */
.icons {
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
.icons-local {
	width: 28px;
	height: 28px;
	justify-content: center;
	align-items: center;
}
i {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
i:hover {
    color: #fff;
}
/* 
	Color scheme
	///////////////

	///////////////		Gray
	Gray - GH button
		background-color: #353333;
	
	Gray - Body background
		background-color: #161616;
	
	Gray - Search bar
		background-color: #303030;	
	
	Gray - Search bar : focus
		background-color: #212121;

	
	///////////////		Yellow
	Yellow full hover
		background-color: #edc40f;

	///////////////		Red
	Red full
		background-color: #ab0a0a; 
	Red shadow
		box-shadow:  0px 100px 21px -99px #cf0808;
	Red shadow -	Top Header 
		box-shadow: inset 0px 100px 21px -99px #f328283b;

	Red shadow : hover
		background-color: #ab0a0a2e;		

	///////////////		Orange
	Orange full
		background-color: #ab480a;
	Orange shadow
		box-shadow: inset 0px 100px 21px -99px #e47003;

	///////////////		Black
	Black full - Table row even
		background-color: #0000009f;
	Black shadow
		box-shadow: inset 0px 0px 20px -2px #0000004c;
	Black shadow - Table Header
		box-shadow: inset 0px 98px 21px -99px #100f0f;
	
*/
/*  Main Container  */
.container {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    align-self: top;
    margin: 0;
	padding: 0;
	justify-content: center;
	align-items: center;
}
.container-seperator {
	display: flex;
	width: 100%;
	height: 1px;
	background-color: #ab0a0a;
}
.container-seperator-w {
	display: flex;
	width: 100%;
	height: 1px;
	background-color: #fff;
}
.container-seperator-w-thick {
	display: flex;
	width: 100%;
	height: 3px;
	background-color: #fff;
	z-index: 3;
}
/* End of baselines */