@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:300);
*{
	padding:0;
	margin:0;
}

body{
	font-family: "Source Code Pro", Segoe UI, Segoe UI Light, Segoe UI Thin, serif;
	font-size: 100%;
	background:#000;
  color: white;
}

p{
	line-height: 2em;
	margin:0 0 20px;
	text-align: center;
  color: #fff;
}

.wrap{
	max-width: 600px;
	margin:150px auto;
}

.type-wrap{
	margin:10px auto;
	padding:20px;
}
.typed-cursor{
    opacity: 1;
    font-weight: 100;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    -ms-animation: blink 0.7s infinite;
    -o-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
.logo-qoarto{
  width: 100%;
  text-align: center;
}
.bienvenido-loco{
/* 	position: absolute;
  top: 55%; 
  left: 50%;
  transform: translate(-50%, -50%); */
}
@-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-ms-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-o-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@media screen and (device-aspect-ratio: 40/71) {
  .bienvenido-loco{
    top: 60%;
  }
}