﻿html{
	font-family: "Source Code Pro", monospace;
	//color:#c0c0c0;
	color:#dcdcdc;
}
body{
	//background-color:#1e1e1e;
	background-color:#282828;
	padding: 0 40px 0px 40px;
}
.container{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(92px, 184px));
	grid-auto-rows: minmax(184px, auto);
	column-gap: 22px;
	row-gap: 18px;
	padding: 0 40px 0px 40px;
}
label{
	margin: 0 0 0 40px;
}
select{
	margin: 0 0 0 34px;
}
video{
	max-width: 660px;
}
article{
	//padding: 0px 25vw 0px 25vw;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 12px;
}
p{
	font-size: 0.9em;
}
aside{
	font-size: 0.8em;
	color:#708090;
}
a{
	color:#dcdcdc;
	//text-decoration: none;
}
a:link{
	color:#dcdcdc;
}

a:visited{
	color:#dcdcdc;
}

a:focus{
	color:#dcdcdc;
}

a:hover{
	color:#569cd6;
}

a:active{
	//color:#d30038;
}
.nodecoration{
	text-decoration: none;
}
.centered{
	justify-content: center;
	display: flex;
}
.agecheckinput{
	margin: 24px 34px 0 34px;
	padding: 4px 16px 4px 16px;
}
.agecheckcontainer{
	margin-top: 40vh;
	justify-content: center;
	display: flex;
}
.blogmedia{
	max-width: 1000px;
}
.floatingmedia{
	float: left;
	padding-right: 14px;
}

// <weight>: Use a value from 200 to 900
// <uniquifier>: Use a unique and descriptive class name
.source-code-pro-<uniquifier> {
  font-family: "Source Code Pro", monospace;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}