body{
	background: #202020;
	font-family: 'Inconsolata', sans-serif;
}

::-webkit-scrollbar {
    width: 15px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
	background-color: #DDD;
}

a {
	color: inherit;
	text-decoration: none;
}

a:hover{
	background-color: #fff;
	color: #000;
}

nav	{
	display: block;
	width: 960px;
	margin: auto;
}

nav a:hover{
	background-color: #fff;
	color: #000;
}

nav a:focus{
	background-color: #fff;
	color: #000;
}

nav a.green:hover{
	background-color: #202020;
	color: #32CD32;
}

section	{
	display: block;
	width: 960px;
	margin: auto;
}
p {
	color: white;
	padding: 5px 0 5px 0;
	font-size: 1em;
}

p.nav {
	padding: 0px 0 0px 0;
}

p.post{
	width: 450px;
}

.imgpost{
	width: 450px;
	height: 200px;
}

.youtube{
	width: 452px;
	height: 253px;
}

.youtubesq{
	width: 253px;
	height: 253px;
}


h1{
	font-size: 1em;
	color: #fff;
	font-weight: normal; 
	font-family: 'Inconsolata', sans-serif;	
}

h2{
	font-size: 1em;
	font-weight: normal; 
}

img{
	margin: 1em 1em 1em 0;
	width: 200px;
}

p img{
	float: left;
	margin: 0 1em 1em 0;
}

p iframe{
	float: left;
	margin: 0 1em 1em 0;
}

svg{
	margin: 3px;
}


/*Animation*/

.green {
	color: #32CD32;
}

.red {
	color: #DD0048;
}

.pink {
	color: #f857a6;
}

.blue {
	color: #67C8FF;
}

.white {
	color: #fff;
}

.yellow {
	color: #f3f315;
}

/*Animation*/
.cursor{
    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 1.s;
    animation-iteration-count: infinite;   
}
@-webkit-keyframes example {
    0%   {color: #202020}
	50%  {color: #fff;}
	100% {color: #202020;}
}

@keyframes example {
    0%   {color: #202020}
	50%  {color: #fff;}
	100% {color: #202020;}
}

/* Media Queries */

@media screen and (max-width: 970px){
nav{
	width: 700px;
}
section{
	width: 700px;
}

}

@media screen and (max-width: 750px){
nav{
	width: 460px;
}
section{
	width: 460px;
}	
p.post{
	width: 460px;
}

.imgpost{
	width: 460px;
}




}

@media screen and (max-width: 500px){
.wideboy{
	display: none;
}
.wideboytext{
	display: inline;
}
.gone{
	display: none;
}
p.post{
	width: 340px;
}
.imgpost{
	width: 340px;
	height: 250px;
}
.youtube{
	width: 340px;
	height: 191px;
}
}
@media screen and (max-width: 420px){
nav	{
	width: 340px;
}
section {
	width: 340px;
}
}