::selection {
  background: #64DEFF; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #64DEFF; /* Gecko Browsers */
}
.row {
	max-width: 1500px !important;
}
.mainrow {
	margin-top: 1em !important;
    padding-bottom: 1em;
}
body {
    padding-top: 1em;
	background: #1A1A1A !important;
}

@media(min-width: 1025px) {
	.navbar {
		position: fixed !important;
		width: 375px !important;
		margin-top: -2em;
	}

	.content {
		float: right !important;
		width: -webkit-calc(100% - 375px) !important;
		width:    -moz-calc(100% - 375px) !important;
		width:         calc(100% - 375px) !important;
	}
	.large-6.first {
		padding-right: 10px !important;
	}
	.large-6.second {
		padding-left: 10px !important;
	}
	.inner {
		display: table-cell;
		vertical-align: middle;
	}
}
@media(max-width: 1024px) {
	body {
		max-width: 700px !important;
		margin: 0px auto !important;
	}
}

h1, h2, a, .gray {
	color: #B6BABA !important;
}
h1{
	font-family: 'Unica One', cursive !important;
	margin-bottom: -0.3em !important;
	color: #E5E5E5 !important;
	margin-top: .5em !important;
	letter-spacing: 9px;
	font-size: 2.3em !important;
}
h2, h3, p, a {
	font-family: 'Lato', sans-serif !important;
	color: #E5E5E5 !important;
}
h2{
	font-size: 1.15em !important;
	font-weight: 300 !important;
	font-style: italic;
	text-transform: uppercase;
	letter-spacing: 4px;
}

h3 {
	font-size: 1.1em !important;
	font-weight: 300 !important;
	font-style: italic !important;
	text-transform: uppercase;
	letter-spacing: 0px;
}
.logo {
	height: 60px;
	margin-top: 3em;
	max-width: 350px;
	margin: 0 auto;
}
.site-head {
	margin: 0 auto;
}
.outer {
	height: 100%;
	display: table;
}
.tint .website-title p {
	font-size: 2em;
	letter-spacing: 3px;
	text-transform: uppercase;
	max-width: 60%;
	margin-left: auto;
	margin-right: auto;
}
ul li a {
	font-size: 1em !important;
	text-transform: uppercase !important;
	letter-spacing: 3px;
}
ul li {
	margin-bottom: .5em;
}
.navitem, .navitem > a {
	list-style-type: none !important;
}
ul {
	text-align: center !important;
	margin-top: 2em !important;
	margin-left: 0em !important;
}
.description {
	font-size: 1em !important;
	letter-spacing: 1px;
	margin-top: 1em !important;
}
.warning {
	color: #E5E5E5 !important;
	margin-top: 1em !important;
	font-size: .75em !important;
	letter-spacing: 0px !important;
	background: rgb(222, 13, 20) !important;
	width: 220px !important;
	border-radius: 25px;
	margin-bottom: 1em;
}
a:hover:not(.tint) h3 {
	color :#FF766C !important;
}
.active>a h3 {
	color: #64DEFF !important;
}
.website-title {
	margin-left: 1em;
	margin-bottom: .5em;
}
.website-first {

}
.website-last {
	margin-bottom: 0em;
}
.tint {
	position: relative;
	float: left;
	margin-bottom: 1em;
}
.tint:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(255,255,255, 0);
	transition: all .3s linear;
}
.tint:hover .website-title {
	/*-webkit-filter: opacity(100%);*/
	-webkit-filter: opacity(0%);
}
.tint:hover:before {
	background: rgba(229,229,229, 0);
}
.tint:before {
	background: rgba(51,51,51, .90);
}
/*.t1 .website-title h1, .t2 .website-title p {
	color: #64DEFF !important;
}
.t2 .website-title h1, .t1 .website-title p {
	color: #FF766C !important;
}*/
.t1:before {
	/*border-bottom: 3px solid #64DEFF;*/
	border-left: 3px solid #FF766C;
}
.t2:before {
	/*border-bottom: 3px solid #FF766C;*/
	border-left: 3px solid #64DEFF;
}
/*.t3:before {
	background: rgba(153,176,184, .75);
}
.g1:before {
	background: rgba(153,176,184, .75);
}
.g2:before {
	background: rgba(225,157,41, .75);
}
.g3:before {
	background: rgba(221,95,50, .75);
}
.g4:before {
	background: rgba(66,152,181, .75);
}
.g5:before {
	background: rgba(153,176,184, .75);
}*/
/*.t1:hover:before {
	background: rgba(0,105,170, .75);
}
.t2:hover:before {
	background: rgba(0,170,65, .75);
	}*/
	.website-title {
		/*-webkit-filter: opacity(0%);*/
		-webkit-filter: opacity(100%);
		-webkit-transition: all .3s linear;
		transition: all .3s linear;
		position: absolute;
		top: 30%;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	.icon {
		height: 35px;
		margin-left: 1.25em;
		margin-top: 1.75em;
		margin-bottom: 1em;
		-webkit-transition: all .2s linear;
		transition: all .2s linear;
	}
	.icon.first {
		margin-left: 0em;
	}
	.icon:hover {
		filter: brightness(80%);
	}
	@media(max-width: 570px) {
		.website-title.short {
			top: 20%;
		}
	}
	@media(max-width: 450px) {
		.website-title.short {
			top: 15%;
		}
		.website-title .description {
			font-size: .75em !important;
		}
	}
	.notyet {
		text-decoration: line-through !important;
	}
	.notyet:hover>h3 {
		color: #E5E5E5 !important;
		cursor: default;
	}

	span {
		vertical-align: middle !important;
	}
	.resources {
		margin-top: 1em !important;
	}
	.resources li {
		background-color: #0069aa;
		border-radius: 25px;
		font-size: .75em;
		width: 50px;
		display: inline;
		padding: 5px 10px;
		color: #E5E5E5;
	}
	li.php {
		background-color: rgb(66,152,181);
	}
	li.css {
		background-color: rgb(146,176,106);
	}
	li.html {
		background-color: rgb(215,187,31);
	}
	li.ai {
		background-color: rgb(245,119,35);
	}
	li.ps {
		background-color: rgb(79,199,236);
	}
	li.id {
		background-color: rgb(253,63,149);
	}
	li.js {
		background-color: rgb(75,75,75);
	}
	li.squarespace {
		background-color: rgb(255,255,255);
		color: #4c4c4c;
	}