* {
    margin: 0px;
}
html {
	height: 100%;
}
body {
	background-color: #ffffff;
	height: 100%;
	//background-image: radial-gradient(
		rgba(150, 150, 150, 1), rgba(255, 255, 255, 0.95) 120%
	);
	//background-image: radial-gradient(
		rgba(255, 255, 255, 0.95), rgba(200, 200, 200, 0.95) 120%
	);
}
.container {
	position: relative;
    width: 800px;
	image-rendering: pixelated;
}
#grained {
	position:absolute;
    width:100%;
	min-height: 100%;
	min-width: 800px;
	//pointer-events: none;
}
.name {
    position: relative;
    //left: 60px;
	//bottom: 20px;
	left: 10px;
    //top: 100px;
	//margin-top: 110px;
	//font-family: 'Bowlby One SC', cursive;
	//font-family: 'Varela Round', sans-serif;
	//font-family: 'Lato', sans-serif;
	//font-family: 'Permanent Marker', cursive;
	//font-family: 'Sacramento', cursive;	
	//font-family: 'VT323', monospace;
	//font-family: 'Press Start 2P', cursive;
	font-family: titlefont;
    //font-size: 159px;
	//font-size: 80px;
	font-size: 120px;
    text-align: left;
    color: #131313;
	transform: rotate(-5deg);
	font-smooth: never;
	-webkit-font-smoothing : none;
	text-shadow: 5px 2px 0px #D1D1D1;

	margin-bottom:30px;
	padding-top: 100px;
	//-webkit-text-fill-color: white; /* Will override color (regardless of order) */
	//-webkit-text-stroke-width: 9px;
	//-webkit-text-stroke-color: black;

}
.links {
    width: 100%;
    position: relative;
    left: 0px;
    //top: 30px;
    font-size: 25px;
	//font-family: 'VT323', monospace;
	font-family: 'Press Start 2P', cursive;

	text-align: justify;
	
	padding-top: 30px;
	line-height: 135%;
	float:right;
	padding-bottom: 100px;
}

img {
  position: relative;
  left: -20px;
  top: -10px;
}

a:link {
	text-decoration: none;
	color: #393939;
	color: #131313;
	//background-color: #D1D1D1;
	//background-color: #ffffff;
	//transform: rotate3d(0, 0, 0, 0deg);
}
a:visited {
	text-decoration: none;
	color: #393939;
	color: #131313;
	//background-color: #D1D1D1;
	//background-color: #ffffff;
}
a:hover {
	text-decoration: none;
	color: #393939;
	color: #131313;
	//background-color: #D1D1D1;
	//background-color: #ffffff;
	//transform: rotate3d(0, 1, 0, 45deg);
}
a:active {
	text-decoration: none;
	color: #393939;
	color: #131313;
	//background-color: #D1D1D1;
	//background-color: #ffffff;
}
.header {
	position:absolute;
	top: 0px;
	width: 100%;
	//height: 5px;
	height: 0px;
	background-color: #000000;
	font-family: serif;
	font-size: 20px;
	color: #ffffff;
	line-height: 50px;
}
.pnbg {
	padding-top:50px;
    width: 100%;
	color: #000000;
	//font-family: 'VT323', monospace;
	font-family: 'Press Start 2P', cursive;
	font-size: 20px;
	text-align: left;
	margin-bottom: 10px;
}
block {
	background-color: #ef69c7;
	transition: background-color 2s ease;
}
.date {
	width: 100%;
	background-color: #ffffff;
	font-family: Arial;
	font-size: 12px;
	text-align: left;
	color: #999999;
	line-height: 20px;
	margin-bottom: 40px;
}
.desc {
	width: 100%;
	//font-family: 'VT323', monospace;
	font-family: 'Press Start 2P', cursive;
	font-size: 20px;
	text-align: left;
	color: #131313;
	margin-bottom: 40px;
}
.content {
	position:relative;
	width: 100%;
	background-color: #ffffff;
	font-family: serif;
	font-size: 16px;
	text-align: left;
	color: #131313;
	text-align: justify;
	letter-spacing: 0.5px;
	line-height: 30px;
	font-family: 'Slabo 27px', serif;
	margin-bottom: 70px;
}
.pfoot {
	bottom: 0px;
	width: 100%;
	background-color: #fea3aa;
	color: #ffffff;
	background: linear-gradient(to right, #fea3aa, #f8b88b, #faf884, #baed91, #b2cefe, #f2a2e8);
    height: 5px;
}
.nav {
	text-align: left;
	width: 120%;
    font-size: 15px;
    color: #393939;
	//font-family: 'VT323', monospace;
	font-family: 'Press Start 2P', cursive;
	margin-bottom: 100px;
}
::selection {
  background: #2ee8bf;
}

#overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	//background-color: #000000;
	background: repeating-linear-gradient(rgba(0,0,0,0.15), rgba(0,0,0,0.15) 1px, transparent 1px, transparent 2px);
	pointer-events: none;
}

#social {
	position: relative;
	//text-align: justify;
	float:right;
	width:100%;
}

#linkedin {
	display: inline-block;
	color: white;
	background-color: #0077B5;
	font-size: 25px;
	font-family: 'Press Start 2P', cursive;
}

#instagram {
	display: inline-block;
	color: white;
	background-color: #eb21b8;
	font-size: 25px;
	font-family: 'Press Start 2P', cursive;
}

@font-face {
	font-family: titlefont;
	src: url(font.otf);
  }