brito

/* tablita */
* { padding:0; margin:0; border:0 }
html,body { height:100%;
	font:calc(100vw/40)/1.6 Avenir-Light,Segoe UI,Open Sans,sans-serif }
input { font-family:inherit; font-size:inherit; outline:1px solid; border-radius:3px;
	padding:0 .3em }
table { margin:auto }
td { padding:0 1em }
/* alinear numeros */
td:nth-child(1),td:nth-child(3),td:nth-child(6),#output { text-align:right }

brito

/* lone ranger */
[type=range], datalist { font-size:16px; width:35em }
* { outline: 1px solid #999 }
[type=range],
[type=range]::-webkit-slider-thumb, 
[type=range]::-webkit-media-slider-thumb {
	appearance:none }
	
[type=range]{ background:#333; 
	height:1px; display:block;

brito

/* awesome */
@import '//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css';
a { font-family:FontAwesome }

[title]:before { content:attr(title) }

brito

/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
}

brito

/* Oracle Alta palette */
html,body { height:100% }
body { display:flex; flex-wrap:wrap }
a:before { content:attr(class) }
a { padding:1em }
.dedf54 { background-color: #dedf54}
.eb7f3b { background-color: #eb7f3b}
.ec96ad { background-color: #ec96ad}
.a984b8 { background-color: #a984b8}
.n84bbe6 { background-color: #84bbe6}

brito

/* Oracle */
html { background:#ddd }
svg { fill:#ea1b22 }

html { text-align:center; min-height:100%;
	display:flex; align-items:center; justify-content:center }

brito

/* FontAwesome app icon */
@import '//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css';

a { font-family:FontAwesome,HelveticaNeue-Light }

brito

/* bounce */
:active { animation: bounce 300ms }
@keyframes bounce {
  69.0983% { transform: scale(.8); opacity:.8;
  	animation-timing-function:cubic-bezier(.33333,0,.66667,.33333) }}
/* style */
html { font:26px/1.6 
	HelveticaNeue-Light,Segoe UI,Roboto Thin,sans-serif;
	text-align:center }

brito

/*B*/
@import 'http://fonts.googleapis.com/css?family=Karma';
@import '//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css';
*{margin:0;border:0}
body{font:100%/1.6 FontAwesome,Karma,sans-serif;
	background:#ffb18a;color:#aa2c49;text-align:center}
a{color:inherit;text-decoration:none}
#about{background:rgba(255,255,255,.7);box-shadow:0 0 4px white}
#about a{font-size:32px}
@media(max-width:1024px){

brito

/* Phi Bounce */
a { transition:all 1s cubic-bezier(1,0,1,1) }
a:hover { transform:scale3d(1.05,1.05,1.05) }
a:active { transform:scale3d(.6,.6,.6) }