:root{
	--body-color: #093709;
	--style-color: #d2ae3b;
	--body-inactive-color: #457145;
	--light-color: #fdfbf4;
	--chal-started: #26a626;
	--chal-long: #d2ae3b;
	--chal-soon: #0d30c1;
	--chal-finished: #052005;
	--text-color: #061c06;
	--block-text-color: #1f1f1f;
	--error-color: #c41e3a;
	--success-color: #5f8528;
	
	--h1-font-size: 38px;
	--h2-font-size: 24px;
	--h3-font-size: 24px;
	--h4-font-size: 22px;
	--large-font-size: 20px;
	--big-font-size: 18px;
	--primary-font-size: 16px;
	--semi-font-size: 14px;
	--small-font-size: 12px;
	
	--primary-font: "Outfit", sans-serif;
	
	--collection-b-radius: 24px;
	--collection-b-radius-mid: 18px;
	--collection-b-radius-small: 12px;
	
	--content-max-width: 1600px;
	--data-max-width: 1280px;
}
html, body {
	height: 100%;
	width: 100%;
	padding: 0px;
	margin: 0; 
	font-size: var(--primary-font-size);
}
body {
	font-family: var(--primary-font);
	font-optical-sizing: auto;
	background-color: var(--body-color);
}
p{
	margin: 0 0 24px 0;
	display: inline-block;
}
* {-moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
* {white-space-collapse: discard; }

.hidden {
	display:none !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;	
}
.hiddenA::after {display:none !important;}
.hiddenB::before {display:none !important;}

.hasNoMargins {margin:0 !important;}
.hasNoMarginTop {margin-top:0 !important;}
.hasNoMarginBot {margin-bottom:0 !important;}
.hasNoMarginLeft {margin-left:0 !important;}
.hasNoMarginRight {margin-right:0 !important;}

.contentWrapper{
	display: flex;
	flex-direction: row;
	justify-content: center;
	.content{
		width: 100%;
		max-width: var(--content-max-width);
	}
}
@media screen and (max-width: 900px) {
	body{
		overflow-x: hidden;
	}
}