owebboy

body {
	background-color: #9b59b6;
}
* {
	color: #ecf0f1;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 100;
}
ul {
	font-size: 20px;

owebboy

html {
	background-color: silver;
	background-image: linear-gradient(335deg, #b00 23px, transparent 23px),
	linear-gradient(155deg, #d00 23px, transparent 23px),
	linear-gradient(335deg, #b00 23px, transparent 23px),
	linear-gradient(155deg, #d00 23px, transparent 23px);
	background-size: 58px 58px;	
	background-position: 0px 2px, 4px 35px, 29px 31px, 34px 6px;
}
body {

owebboy

@import url(http://fonts.googleapis.com/css?family=Lato:700);
* {
	text-transform: uppercase;
	font-family: "Lato";
	margin-left: 10%;
	nargin-right: 10%;
}

label {
	padding-right: 10px;

owebboy

On Hover Spinning Text

A CSS transition is changing the color, text-shadow and the transform properties of the

tag

A Pen by owebboy on CodePen.

License.

owebboy

@import url(http://fonts.googleapis.com/css?family=Merriweather);
@import url(http://fonts.googleapis.com/css?family=Oswald);
#wrapper {
	padding-bottom: 100px;
}
header {
	font-family: "Oswald";
 	position: fixed;
  	top: 0;
  	right: 0;

owebboy

@import url(http://fonts.googleapis.com/css?family=Merriweather);
@import url(http://fonts.googleapis.com/css?family=Oswald);

owebboy

@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Nunito:300);
@import url(https://fonts.googleapis.com/css?family=Merriweather);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

html {
	margin: 0;
	font-family: "Oswald";
}
body {

owebboy

@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Merriweather:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

html {
	margin: 0;
	font-family: "Merriweather";
}
body {
	margin: 0;

owebboy

@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Merriweather:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

html {
	margin: 0;
	font-family: "Open Sans";
}
body {
	margin: 0;

owebboy

/* Checkbox Hack */

input[type=checkbox] {
   position: absolute;
   top: -9999px;
   left: -9999px;
}
label { 
  -webkit-appearance: push-button;
  -moz-appearance: button;