A Pen by José Pino.

index.html

<h1><a title="Preytext">Preytext</a></h1>
<h2>The magic of the plain text</h2>

Preytext.markdown

Preytext

The magic of the plain text Developer Jose Pino

A Pen by José Pino on CodePen.

License.

script.js

var fondo = ["#2ecc71", "#9b59b6", "#1d2d44",  "#43459d", "#3498db"];

function rotacionBackground() {
	document.getElementsByTagName("body")[0].style.background = fondo[Math.floor(Math.random()*fondo.length)];
}

{ 
	rotacionBackground();
};

style.css

/* 
Name: Preytext - Framework CMS
Date: 05/12/2013
Developer: @mrjopino  
*/
@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Condiment|Lobster);


body {
	position: relative;
  text-align: center;
  margin:0;
  padding:0;
}

h1{
  font-family:'Condiment', cursive;
  font-size:10em;
  color: #fff;
  margin: 2% auto;
  padding-top: 100px;
}
h1:hover {
  text-shadow: 2px 2px 20px #2c90c6, #fff 0 -1px 2px;
  
}

h2{
  font-family:'Lobster';
  font-size:2em;
  color: #fff;
  margin: 2% auto;
  padding-top: 10px;
}
::selection {
	background: transparent;
	color: #2c90c6;
}

a,a:link,a:visited,a:hover,a:active {
	text-decoration: inherit;
	font-weight: inherit;
	color: inherit;
}
	
@media screen and (min-width: 481px) and (max-width : 700px) {
  	h1 {
	  font-size: 6em
}
  h2{
  font-size:2em;
  }
}
@media screen and (max-width: 500px) {
	h1 {
	  font-size: 3em
 }
   h2{
  font-size:1.2em;
  }
}