:root {
  --crimson: #974044;
  --white: #f9f9f9;
  --blue: #252b32;
  --light-blue: #879fa6;
  --dim-grey: #525252;
  --mustard: #ce975b;
  --navy: #252b32;
  --olive: #707b73;
  --main: 1.4rem;
  --brown\<deleted\|variable-d443c4ab\>: #ab4040;
  --red\<deleted\|variable-8a5f0cab\>: #e53935;
  --steel-blue\<deleted\|variable-5ad820f9\>: #1976d2;
  --medium-sea-green\<deleted\|variable-ef32392e\>: #20c788;
  --brown: #ab4040;
  --red: #e53935;
  --steel-blue: #1976d2;
  --medium-sea-green: #20c788;
  --content-width : 1200px;
  --scrollbarWidth : 0;
}

.bg-color-blue { background-color : var(--blue); }
.bg-color-brown { background-color : var(--brown); }
.bg-color-crimson { background-color : var(--crimson); }
.bg-color-dim-grey { background-color : var(--dim-grey); }
.bg-color-light-blue { background-color : var(--light-blue); }
.bg-color-main: { background-color : var(--main:); }
.bg-color-medium-sea-green { background-color : var(--medium-sea-green); }
.bg-color-mustard { background-color : var(--mustard); }
.bg-color-navy { background-color : var(--navy); }
.bg-color-olive { background-color : var(--olive); }
.bg-color-red { background-color : var(--red); }
.bg-color-steel-blue { background-color : var(--steel-blue); }
.bg-color-white { background-color : var(--white); }

.color-blue { color : var(--blue); }
.color-brown { color : var(--brown); }
.color-crimson { color : var(--crimson); }
.color-dim-grey { color : var(--dim-grey); }
.color-light-blue { color : var(--light-blue); }
.color-main: { color : var(--main:); }
.color-medium-sea-green { color : var(--medium-sea-green); }
.color-mustard { color : var(--mustard); }
.color-navy { color : var(--navy); }
.color-olive { color : var(--olive); }
.color-red { color : var(--red); }
.color-steel-blue { color : var(--steel-blue); }
.color-white { color : var(--white); }

.color-blue * { color : var(--blue); }
.color-brown * { color : var(--brown); }
.color-crimson * { color : var(--crimson); }
.color-dim-grey * { color : var(--dim-grey); }
.color-light-blue * { color : var(--light-blue); }
.color-main: * { color : var(--main:); }
.color-medium-sea-green * { color : var(--medium-sea-green); }
.color-mustard * { color : var(--mustard); }
.color-navy * { color : var(--navy); }
.color-olive * { color : var(--olive); }
.color-red * { color : var(--red); }
.color-steel-blue * { color : var(--steel-blue); }
.color-white * { color : var(--white); }

body,
button,
input,
select,
optgroup,
textarea {
	font-family: Satoshi, sans-serif;
	line-height: 1.5;
	color: #333;
    font-size: 18px;
}
@media screen and ( max-width : 1230px ){
	:root {
		--content-width : calc( 100vw - var(--scrollbarWidth) - 30px );
	}
}