@import url(https://fonts.googleapis.com/css?family=Signika:700,300,600);

#texto_animado {
    font-size:5em;
    font:bold 7.5vw/1.6 'Signika', sans-serif;
    user-select:none;
   }

.swal-wide{
    width:360px !important;
    }

body{
        background-image: url('../../../../dist/img/image.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
}

.card{
    border-radius: 15px;
    border: 10px solid rgba(0,0,0,.125) !important;
}

h1{
    text-shadow: 3px 5px 0px rgba(149,145,145,0.67);
}

.bold-select-postulacion, .bold-select-postulacion option{
    font-weight: bold !important;

}

.fondo-rojo_panel{
    background-color:#bf0909 !important;
}
.fondo_imagen{
    min-height:100vh;
    position:relative;
    padding-bottom:300px
}

#btn_instructivo{
    border-radius: 20px 20px 20px 20px !important;
}
.clearfix::after{
    display:block;
    clear:both;
    content:""}

.footer_elperuprimero{
    padding-right:0;
    width:100%;
    text-align:center}

.footer_elperuprimero{
    float:left
}

@media  only screen and (min-width: 790px){
	
	#name_movil_ugel{
		display: none;
	}
}

#texto_animado {
 font-size:5em;
 font:bold 7.5vw/1.6 'Signika', sans-serif;
 user-select:none;
}

h2 span { display:inline-block; animation:float .2s ease-in-out infinite; }
 @keyframes float {
  0%,100%{ transform:none; }
  33%{ transform:translateY(-1px) rotate(-2deg); }
  66%{ transform:translateY(1px) rotate(2deg); }
}
body:hover span { animation:bounce .6s; }
@keyframes bounce {
  0%,100%{ transform:translate(0); }
  25%{ transform:rotateX(20deg) translateY(2px) rotate(-3deg); }
  50%{ transform:translateY(-20px) rotate(3deg) scale(1.1);  }
}

#texto_animado span:nth-child(4n) { color:hsl(50, 75%, 55%); text-shadow:1px 1px hsl(50, 75%, 45%), 2px 2px hsl(50, 45%, 45%), 3px 3px hsl(50, 45%, 45%), 4px 4px hsl(50, 75%, 45%); }
#texto_animado span:nth-child(4n-1) { color:hsl(135, 35%, 55%); text-shadow:1px 1px hsl(135, 35%, 45%), 2px 2px hsl(135, 35%, 45%), 3px 3px hsl(135, 35%, 45%), 4px 4px hsl(135, 35%, 45%); }
#texto_animado span:nth-child(4n-2) { color:hsl(155, 35%, 60%); text-shadow:1px 1px hsl(155, 25%, 50%), 2px 2px hsl(155, 25%, 50%), 3px 3px hsl(155, 25%, 50%), 4px 4px hsl(140, 25%, 50%); }
#texto_animado span:nth-child(4n-3) { color:hsl(30, 65%, 60%); text-shadow:1px 1px hsl(30, 45%, 50%), 2px 2px hsl(30, 45%, 50%), 3px 3px hsl(30, 45%, 50%), 4px 4px hsl(30, 45%, 50%); }

h2 span:nth-child(2){ animation-delay:.05s; }
h2 span:nth-child(3){ animation-delay:.1s; }
h2 span:nth-child(4){ animation-delay:.15s; }
h2 span:nth-child(5){ animation-delay:.2s; }
h2 span:nth-child(6){ animation-delay:.25s; }
h2 span:nth-child(7){ animation-delay:.3s; }
h2 span:nth-child(8){ animation-delay:.35s; }
h2 span:nth-child(9){ animation-delay:.4s; }
h2 span:nth-child(10){ animation-delay:.45s; }
h2 span:nth-child(11){ animation-delay:.5s; }
h2 span:nth-child(12){ animation-delay:.55s; }
h2 span:nth-child(13){ animation-delay:.6s; }
h2 span:nth-child(15){ animation-delay:.65s; }
h2 span:nth-child(16){ animation-delay:.7s; }
h2 span:nth-child(17){ animation-delay:.75s; }
h2 span:nth-child(18){ animation-delay:.8s; }
h2 span:nth-child(19){ animation-delay:.85s; }
h2 span:nth-child(20){ animation-delay:.9s; }
h2 span:nth-child(21){ animation-delay:.95s; }
h2 span:nth-child(22){ animation-delay:1.00s; }
h2 span:nth-child(23){ animation-delay:1.05s; }
h2 span:nth-child(24){ animation-delay:1.15s; }
h2 span:nth-child(25){ animation-delay:1.30s; }
h2 span:nth-child(26){ animation-delay:1.50s; }
h2 span:nth-child(27){ animation-delay:1.70s; }
h2 span:nth-child(28){ animation-delay:1.80s; }
h2 span:nth-child(29){ animation-delay:1.90s; }
h2 span:nth-child(30){ animation-delay:2.0s; }
h2 span:nth-child(31){ animation-delay:2.10s; }
h2 span:nth-child(32){ animation-delay:2.20s; }
h2 span:nth-child(33){ animation-delay:2.30s; }
h2 span:nth-child(34){ animation-delay:2.40s; }
h2 span:nth-child(35){ animation-delay:2.50s; }
h2 span:nth-child(36){ animation-delay:2.60s; }
h2 span:nth-child(37){ animation-delay:2.70s; }
h2 span:nth-child(38){ animation-delay:2.80s; }



body:before {
	content:'';
	position: fixed;
    top: 0;
	bottom: 0;
	left: 0;
    right: 0;
    padding-bottom: 300px;
    background-color: rgba(0,0,0,0.6);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}