:root {
	--dark-c-grey: #2e2e2e;
	--dark-c-light: #39285e;
	--dark-c-pink: #713E97;
	--dark-c-medium: #210530;
	--dark-c-dark: #191919;
	--dark-gradient: linear-gradient(0deg, var(--dark-c-medium) 0%, var(--dark-c-dark) 100%);
}

body {
	margin: 0px;
	padding: 0px;
	background: #191919;
	background: var(--dark-c-dark);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 100vh;
}

::-moz-selection {
	color: #ffffff;
	background: rgba(203, 115, 255, .5);
}

::selection {
	color: #ffffff;
	background: rgba(203, 115, 255, .5);
}

section.s_header {
	background: var(--dark-c-pink);
	padding-top: 50px;
	padding-bottom: 50px;
	min-height: 104px;
	box-shadow: 0px 0px 5px 0px rgba(57, 40, 94, .5);
	border-bottom: 3px solid #CB73FF;
	box-shadow: inset 0px -10px 20px 0px rgba(203, 115, 255, .2), 0px 50px 100px 100px rgba(203, 115, 255, .1), 0px 0px 100px 100px rgba(203, 115, 255, .2);
}

section.s_header img#logo_big {
	height: 100px;
	image-rendering: -moz-crisp-edges;
	image-rendering: -webkit-crisp-edges;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
	-webkit-filter: drop-shadow(0px 0px 14px rgba(0,0,0,.3));
	filter: drop-shadow(0px 0px 14px rgba(0,0,0,.3));
}

section.s_header_buttons {
	margin-top: -18px;
}

img.s_header_button {
	display: inline-block;
	vertical-align: middle;
	height: 30px;
	image-rendering: -moz-crisp-edges;
	image-rendering: -webkit-crisp-edges;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
	margin: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	cursor: pointer;
	-webkit-filter: drop-shadow(0px 0px 14px rgba(0,0,0,.3));
	filter: drop-shadow(0px 0px 14px rgba(0,0,0,.3));
}

img.s_header_button.settings {
	height: 80px;
	vertical-align: middle;
	margin-top: -53px;
	float: right;
}

img.s_header_text {
	display: inline-block;
	vertical-align: middle;
	height: 25px;
	image-rendering: -moz-crisp-edges;
	image-rendering: -webkit-crisp-edges;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
	margin: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
}

section.s_header_buttons img.s_header_button.active {
	cursor: default;
}

section.s_body_margin { 
	margin-top: 100px;
}

section.s_body_margin #latest-video, .small-video {
	border: 3px solid var(--dark-c-grey);
	background: var(--dark-c-grey);
}

#latest-video {
	height: 340px;
	width: 600px;
	box-shadow: 0px 0px 10px 1px rgba(57, 40, 94, .1);
	border-radius: 1px;
}

.small-video.inactive {
	cursor: pointer;
	transition: all 200ms ease;
}

.small-video.inactive:hover {
	border: 3px solid #8A2CDC;
	background: #8A2CDC;
	transition: all 200ms ease;
	box-shadow: 0px 0px 15px 1px rgba(203, 115, 255, .3);
}

.small-video.inactive:hover img{
	transform: scale(1.2);
	filter: brightness(1);
	transition: all 200ms ease;
}

.small-video img {
	filter: brightness(.8);
	transition: all 200ms ease;
}

.small-video.active {
	cursor: default;
}

.small-video {
	height: 166px;
	width: 295px;
	overflow: hidden;
	transition: all 200ms ease;
	box-shadow: 0px 0px 10px 1px rgba(57, 40, 94, .1);
	border-radius: 1px;
}

section.s_body_margin div#latest_video_wrapper img.s_sub_button {
	display: inline-block;
	vertical-align: middle;
	height: 20px;
	image-rendering: -moz-crisp-edges;
	image-rendering: -webkit-crisp-edges;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
	margin-top: 10px;
	margin-right: -4px;
	cursor: pointer;
}

section.s_body_margin img.s_sub_button.active {
	cursor: default;
}

#latest_video_wrapper {
	width: 600px;
	text-align: right;
}

#small_video_wrapper {
	display: inline-grid;
	grid-template-columns: auto auto auto;
	grid-template-rows: auto auto auto auto;
	row-gap: 10px;
	column-gap: 10px;
	margin-top: 50px;
	margin-bottom: 80px;
}

.link_button_wrapper {
	display: inline-grid;
	grid-template-columns: auto auto auto ;
	grid-template-rows: auto auto auto auto auto;
	row-gap: 10px;
	column-gap: 10px;
}

.link_button img {
	height: 25px;
	cursor: pointer;
}

.link_button {
	height: 25px;
	min-width: 350px;
	image-rendering: -moz-crisp-edges;
	image-rendering: -webkit-crisp-edges;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
	display: block;
	padding: 10px;
	border: 3px solid var(--dark-c-light);
	background: var(--dark-c-light);
	box-shadow: 0px 0px 10px 1px rgba(57, 40, 94, .3);
	border-radius: 1px;
	cursor: pointer;
}

.link_button:hover, .link_button.donate:hover {
	border: 3px solid #ffffff;
	background: #ffffff;
	box-shadow: inset 0px 0px 10px 1px rgba(255, 255, 255, .2), 0px 0px 10px 1px rgba(255, 255, 255, .2);
}

.theme_button_wrapper {
	display: inline-grid;
	grid-template-columns: auto;
	grid-template-rows: auto auto auto auto auto;
	row-gap: 30px;
	column-gap: 10px;
	text-align: left;
}

.theme_button img {
	height: 25px;
	cursor: pointer;
}

.theme_header {
	height: 25px;
	image-rendering: -moz-crisp-edges;
	image-rendering: -webkit-crisp-edges;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
	margin-bottom: 50px;
}

.theme_button {
	height: 25px;
	image-rendering: -moz-crisp-edges;
	image-rendering: -webkit-crisp-edges;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
	display: block;
	cursor: default;
	border-radius: 1px;
	cursor: pointer;
}

.theme_button.active {
	cursor: default;
}

.link_button.donate {
	border: 3px solid #30D2FF;
	background: #30D2FF;
	box-shadow: inset 0px 0px 10px 1px rgba(48, 210, 255, .2), 0px 0px 10px 1px rgba(48, 210, 255, .2);
}

.meettheteam-wrapper {
	margin-top: 20px;
	margin-bottom: 80px;
}

.team-member {
	border: 3px solid #333333;
	display: inline-block;
	width: 180px;
	padding: 20px;
	box-shadow: 0px 0px 10px 1px rgba(57, 40, 94, 1);
	border-radius: 1px;
}

.team-member.owner {
	border: 3px solid #30D2FF;
	box-shadow: inset 0px 0px 15px 1px rgba(48, 210, 255, .1), 0px 0px 15px 1px rgba(48, 210, 255, .2);
}
.team-member.mod {
	border: 3px solid #CB73FF;
	box-shadow: inset 0px 0px 15px 1px rgba(203, 115, 255, .1), 0px 0px 15px 1px rgba(203, 115, 255, .2);
}
.team-member.trial-mod {
	border: dashed 3px #CB73FF;
	box-shadow: inset 0px 0px 15px 1px rgba(203, 115, 255, .1), 0px 0px 15px 1px rgba(203, 115, 255, .2);
}

.team-member img.picture {
	height: 80px;
	width: 80px;
	border-radius: 100%;
	display: block;
}
.team-member img.name {
	height: 20px;
	display: block;
	margin: 10px;
	margin-top: 30px;
	image-rendering: -moz-crisp-edges;
	image-rendering: -webkit-crisp-edges;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
}

.team-member-wrapper {
	display: inline-grid;
	grid-template-columns: auto auto auto auto;
	grid-template-rows: auto auto auto auto auto auto auto auto;
	row-gap: 10px;
	column-gap: 10px;
	margin-top: 30px;
}

.language {
	image-rendering: -moz-crisp-edges;
	image-rendering: -webkit-crisp-edges;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
	height: 25px;
	position: absolute;
	margin-left: 10px;
}

::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track {
	background: var(--dark-c-dark);
}

::-webkit-scrollbar-thumb {
	background: var(--dark-c-grey);
	border-radius: 1px;
}

::-webkit-scrollbar-thumb:hover {
	background: #ffffff;
}