@font-face {
font-family: fuentechida;
src: url(../font/fuente1.ttf);
}
.esp-n{
  padding-bottom: 100px;
  padding-top: 100px;
}

.esp-m{
  padding-top: 150px;
  padding-bottom: 150px;

}
.esp-j{
  padding-top: 200px;
  padding-bottom: 200px;

}

.desarrollador{
  height: auto;
  width: 100%;
}
.backend{
   background:#FDFDFD;
 }
 .backe{
  border-bottom: 3px solid;
  border-right: 3px solid;
  border-top: 3px solid;
  padding: 6px;

 }
 .front{
  border-bottom: 3px solid;
  border-top: 3px solid;
  padding: 6px;

 }

.frontend{
  background:#FDFDFD;
  
}
.server{

  width: 100%;
  background: url(../images/server.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size:cover;
  background-size: cover;

}

.design{

  width: 100%;
  background: url(../images/dise.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size:cover;
  background-size: cover;

}
.banner-des{
  height: auto;
  width: 100%;
  
 
  padding-top: 150px;
  padding-bottom: 150px;
  background: url(../images/code.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size:cover;
  background-size: cover;
}


.banner-des h1{
  text-align: center;
  color: #fff;
 


}

.desarrollo{
  background: #fff;
  color: #000;
  padding: 5px;
  border: 2px solid white;
}

.cita{
  text-align: center;
  font-size: 48px;
  
}

.cita strong{
  border-bottom: 2px solid;

}



.parpadea {
  
  animation-name: parpadeo;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

.ex{
  line-height: 25px;
  margin-top: 40px;

}


.server h4{
  text-align: right;
  font-size: 40px;
  color: #fff;
  font-weight: 300;
}
.design h4{
  text-align: left;
  background: #fff;
  color: #000;
  display: inline-block;
  padding: 8px;
  border: 1px solid #fff;
}

.corazon{


  display: inline-block;
  position: relative;
  margin-bottom: -3px;
  -webkit-animation: pulse 1.5s infinite ease-in-out;
  -moz-animation: pulse 1.5s infinite ease-in-out;
  animation: pulse 1.5s infinite ease-in-out;

}

@-webkit-keyframes pulse {
    0% {
      -webkit-transform: scale(0.8);
      }
    50% {
      -webkit-transform: scale(1.2);
      }
    100% {
      -webkit-transform: scale(0.8);
      }
  }




  @-moz-keyframes pulse {
    0% {
      -moz-transform: scale(0.8);
      }
    50% {
      -moz-transform: scale(1.2);
      }
    100% {
      -moz-transform: scale(0.8);
      }
  }