body {
	/*height: 665px;*/
	min-height: 94vh;
	/*background-color: #2e293a;*/
	background: linear-gradient(to bottom right, #3E08A4, black 37%, black, #3E08A4);
	padding: 0 20px 20px 20px;
	font-family: courier, monospace;
}
p, ul, h2 {
	color: #ffffff;
}

.show1, .show2, .show3, .show4, .show5,
.show6, .show7, .show8, .show9, .show10,
.fade1, .fade2, .fade3, .fade4, .fade5,
.fade6, .fade7, .fade8, .fade9, .fade10 {
	opacity : 0;
}
.fade1, .fade2, .fade3, .fade4, .fade5,
.fade6, .fade7, .fade8, .fade9, .fade10 {
	transition: opacity 1s ease-out;
}

.slideRight {
	transition: right .5s ease-out;
}
.slideLeft {
	transition: left .3s ease-out;
}



a:link {
	color: antiquewhite;
}
a.pseudo {
	color: inherit;
	text-decoration: inherit;
}

a:visited {
	color: thistle;
}
p.small_text
{
	font-size : 14px;
	line-height: 21px;
}

li {
	list-style-type: circle;
}

a:hover {
	color: #FFFFFF;
}

span#sample_imgs > a
{
	text-decoration: none;
}
span#sample_imgs img
{
	border-radius : 12px;
	max-width : 300px;
	padding : 7px;
}

p#main_title
{
	position: relative;
	bottom: 27px;
	font-size: 34px;
	margin-top: 0;
}
p#main_title > span.main
{
	position: relative;
	top: 87px;
}
p#main_title img
{
	border-radius: 12px;
}
span#main_subtitle
{
	font-size: 18px;
	position: relative;
	z-index: 1;
	top: -10px;
	right: 7px;
}

a.git {
	z-index: 1;
	position: relative;
}

span#git_text
{
	font-family: Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: white;
	position: relative;
	left: -46px;
	top: -3px;
}

a.image_link
{
    text-decoration: none;
}

a#stdl > img {
	position: absolute;
	width: 118px;
	left: 527px;
	top: 177px;
	z-index: 1;
}

a#gamejolt
{
	text-decoration: none;
	position: relative;
	top: 75px;
	right: -37px;
}
a#gamejolt .screenshot {
	width: 27vw;
	min-width: 200px;
	max-width: 240px;
	bottom: 70px;
}
a#gamejolt .poster {
	width: 51vw;
	min-width: 280px;
	max-width: 463px;
	bottom: 186px;
	border-radius: 12px;
}
a#gamejolt > img {
	position: absolute;
	bottom: 100px;
}

a.social_logo
{
	padding-left: 22px;
}
a.x > img {
	width: 45px;
}
a.subs > img {
	width: 63px;
	position: relative;
	top: 12px;
}

img.codepen_logo
{
	position: relative;
	left: 22px;
	top: 12px;
}

a.stackblitz {
	text-decoration: none;
	margin-left: 40px;
	display: inline-block;
	margin-top: 12px;
	position: relative;
	top: 3px;
}
a.stackblitz > img:nth-child(2) {
	position: relative;
	right: 10px;
	top: 3px;
}


/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * "Let's get responsive in here!"
 *    - Will.i.am.
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media screen and (max-width: 677px)
{
	a#gamejolt .poster {
		left: calc(51vw - 376px);
	}

	a#stdl > img {
		left: 439px;
		right: 30px;
		top: 188px;
	}
}

@media screen and (max-width:565px)
{
p#main_title {
	bottom: 0;
}
p#main_title > span.main
{
    top: 0;
}
p#main_title img {
    position: absolute;
	top: 1px;
	right: 2px;
	width: 14vw;
}
a#stdl > img {
    width: 93px;
    left: 239px;
    top: 107px;
}
}

@media screen and (max-width:545px)
{
a.git > img {
    width: 38%;
}
}

@media screen and (max-width:516px) {
p#main_title img {
    z-index : 0;
    /*opacity : 0.5;*/
}
}

@media screen and (max-width:496px)
{
p#main_title img {
	top: 1px;
	right: -7px;
}
a#gamejolt .screenshot {
    right: -140px;
}
a#gamejolt .poster {
    left: calc(51vw - 339px);
}

a#stdl > img {
    width: 73px;
    top: 89px;
}
}

@media screen and (max-width:453px)
{
p#main_title
{
    font-size: 31px;
}
span#main_subtitle
{
    font-size: 16px;
    right: 5px;
}

a#stdl > img {
    top: 339px;
    left: 297px;
}
}

@media screen and (max-width:427px)
{
p#main_title img {
	top: 5px;
	right: -13px;
	width: 12vw;
}
}

@media screen and (max-width:417px)
{
p#main_title
{
    font-size: 30px;
}
span#main_subtitle
{
    font-size: 15px;
    right: 0;
}
a#gamejolt .screenshot {
    right: -127px;
}
}

@media screen and (max-width:397px)
{
p#main_title {
	right: 7px;
}
p#main_title img {
	width: 10vw;
	top: 11px;
	right: -17px;
}
a#gamejolt .screenshot {
    right: -111px;
}
a.git {
	right: 10px;
}
span#git_text {
    left: -133px;
}
a.linkedin > img {
    width: 39%;
}
a#stdl > img {
    top: 352px;
    left: 263px;
}
}

@media screen and (max-width:377px)
{
p#main_title
{
    font-size: 26px;
}
span#main_subtitle
{
    font-size: 14px;
}
p.main_title > img {
	top: 5px;
    right: 15px;
}
}

@media screen and (max-width:365px)
{
	p#main_title
	{
		right: 11px;
	}
	p#main_title img {
		top: 7px;
		right: -23px;
	}
}

@media screen and (max-width:336px)
{
p#main_title
{
    font-size: 22px;
}
}

@media screen and (max-width:295px)
{
p#main_title
{
    font-size: 20px;
}
}

@media screen and (max-width:275px)
{
p#main_title
{
    font-size: 18px;
}
}