/**
  * Copyright (C) 2018 f.pazos.estevez@gmail.com
  * style.scss
  *
  * changelog
  * 10/03/2018[19:13:47]:revised
  *
  * @author f.pazos.estevez@gmail.com
  * @version 1.0.0
  * @since 1.0.0
  */
body {
  background-color: #111;
  width: 100vw;
  height: 100vh; }

/*.intro{
	animation: intro 1s linear forwards;
}

@keyframes intro{
	0%{
		width: 100%;
		font-size: 10em;
		display: relative;
	}

	50%{
		width: 17%;
		font-size: 2em;
	}

	100%{
		font-size:2em;
		display:fixed;
	}
}*/
.menu {
  display: block;
  position: absolute;
  width: 100vw;
  height: 100vh; }

.cuadro {
  padding: 20px;
  height: 296px;
  width: 296px;
  background-color: rgba(200, 200, 200, 0.9);
  position: relative; }

.cuadro .imagen {
  margin: 0;
  padding: 0;
  width: 256px;
  height: 128px;
  position: relative;
  top: 0; }

.cuadro .img, .cuadro .imagen {
  height: 128px;
  display: block; }

.img, .imagen {
  height: 128px; }

.img {
  left: 0px;
  width: 256px; }

.img1 {
  background: url("/img/logo/logo.png") 0 0; }

.img2 {
  background: url("/img/logo/logo.png") -256px 0; }

.img3 {
  background: url("/img/logo/logo.png") -512px 0; }

.img4 {
  background: url("/img/logo/logo.png") -768px 0; }

.img5 {
  background: url("/img/logo/logo.png") 0 -128px; }

.img6 {
  background: url("/img/logo/logo.png") -256px -128px; }

.img7 {
  background: url("/img/logo/logo.png") -512px -128px; }

.img8 {
  background: url("/img/logo/logo.png") -768px -128px; }

.img9 {
  background: url("/img/logo/logo.png") 0 -512px; }

.img10 {
  background: url("/img/logo/logo.png") -256px -512px; }

.img11 {
  background: url("/img/logo/logo.png") -512px -512px; }

.img12 {
  background: url("/img/logo/logo.png") -768px -512px; }

.img13 {
  background: url("/img/logo/logo.png") 0 -768px; }

.img14 {
  background: url("/img/logo/logo.png") -256px -768px; }

.img15 {
  background: url("/img/logo/logo.png") -512px -768px; }

.img16 {
  background: url("/img/logo/logo.png") -768px -768px; }

/* Transforms */
.flip-x {
  transform: scaleX(-1); }

/*  216*108  */

/*# sourceMappingURL=style.css.map */
