ryanpcmcquen

@import url(http://fonts.googleapis.com/css?family=Hammersmith+One&;subset=latin,latin-ext);
@font-face {
	font-family: "speedcontrols";
	src: url("speedcontrols.eot?cssslidertheme=speed");
	src: url("speedcontrols.eot#iefix?cssslidertheme=speed") format("embedded-opentype"),
			url("speedcontrols.woff?cssslidertheme=speed") format("woff"),
			url("speedcontrols.ttf?cssslidertheme=speed") format("truetype"),
			url("speedcontrols.svg#speed?cssslidertheme=speed") format("svg");
	font-weight: normal;
	font-style: normal;

ryanpcmcquen

/** awesome sauce quotes
 */

span {
  font-family: ubuntu;
  font-size: 2rem;  
}

q {
  font-family: ubuntu;

ryanpcmcquen

@import url(http://fonts.googleapis.com/css?family=Hammersmith+One&;;subset=latin,latin-ext);
@font-face {
	font-family: "speedcontrols";
	src: url("speedcontrols.eot?cssslidertheme=speed");
	src: url("speedcontrols.eot#iefix?cssslidertheme=speed") format("embedded-opentype"),
			url("speedcontrols.woff?cssslidertheme=speed") format("woff"),
			url("speedcontrols.ttf?cssslidertheme=speed") format("truetype"),
			url("speedcontrols.svg#speed?cssslidertheme=speed") format("svg");
	font-weight: normal;
	font-style: normal;

ryanpcmcquen

body {
  background: rgba(0, 0, 0, 1);
  width: 100%;
  height: 100%;
}

.glow, .reverse-glow {
  transition: all 0.25s ease-in-out;
  color: rgba(255, 255, 255, 1);
  text-decoration: none;

ryanpcmcquen

/* text glow */

body {
  background: rgba(0, 0, 0, 1);
  width: 100%;
  height: 100%;
}

.glow, .reverse-glow {
  transition: all 0.3s linear;

ryanpcmcquen

/* Triangles */
.sms-divider-triangle-white {
  overflow: hidden;
  height: 70px;
  position: relative;
  background: gray;
}

.placeholder { background: black; }
.placeholder::after {

ryanpcmcquen

/**
 * The first commented line is your dabblet’s title
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;

ryanpcmcquen

/* awesome card */

@list-color: #000000;
@front-card-back: #156AEA;
@front-p: #ffffff;
@back-p: #000000;

.bio-card-container {
  -webkit-perspective: 1000;
}

ryanpcmcquen

/* awesome card w/real flip action */

@list-color: ;
@front-card-back: ;
@front-p: ;
@back-p: ;

.bio-card-content {
  padding: 10px;
}

ryanpcmcquen

/* final version of awesome card w/real flip action */

@card-front-color: #156AEA;
@card-back-color: #000000;
@border-color: #168392;
@image-overlay-color: #000000;
@cta-color: #168392;
@bio-text-color: #aaaaaa;
@bio-text-highlight: #ffffff;
@sans-serif-font: myriad-pro;