bartaz

/**
 * You should write comments in your code
 *
 * Slide from "Learning to teach" presentation by Bartek Szopka
 * Front-Trends 2012
 */

@import url(http://fonts.googleapis.com/css?family=The+Girl+Next+Door);

html, body {

bartaz

/**
 * writer.css by Bartek Szopka @bartaz
 *
 * CSS inspired by markdown styles of iA Writer Mac app.
 *
 * Based on iA Writer markdown guide:
 * http://support.iawriter.com/help/kb/frequently-asked-questions-in-general/markdown-syntax-reference-guide
 */

/* Nitti Light that is used by Writer is not a free font,

bartaz

/**
 * Binary switcher
 */

body {
    font-family: monospace;
    font-size: 20px;
}

span {

bartaz

/*
	Two circles connected with a line.
	See: https://github.com/bartaz/impress.js/issues/460
*/

body {
	background: #BADA55;
}

.step {

bartaz

@keyframes hideshow { 
  0% { opacity: 1; } 100% { opacity: 0; }
} 

.css-animate rect { 
	animation: hideshow 1s linear infinite;
}

.css-animate rect:nth-child(1) { animation-delay: 0.0s }
.css-animate rect:nth-child(2) { animation-delay: 0.08333333333333333s }

bartaz

@keyframes hideshow { 
  0% { opacity: 1; } 100% { opacity: 0; }
} 

.css-animate rect { 
	animation: hideshow 1s linear infinite;
}

.css-animate rect:nth-child(1) { animation-delay: 0.0s }
.css-animate rect:nth-child(2) { animation-delay: 0.08333333333333333s }