@import url('https://fonts.googleapis.com/css?family=Righteous&display=swap');

  @import url ( "http : // allfont . net / allfont . css ? fonts = umberto"); 


/*style texto inicial*/

.txt-inicio{
    text-align: center;
    padding: 23px;
}
.txt-inicio h1{
    font-family: 'Umberto', arial;
    font-size: 220%;
}
.lines-effect{
    display: inline-block;
    position: relative;
}
h1:after,h1:before{
    content: "";
    position: absolute;
    width: 290px;
    height: 3px;
    background-color: currentColor;
    top: 0.6em;
}
h1:before{
    left: -320px;
}
h1:after{
    right: -320px;
}
.txt-inicio p{
    font-family:"roboto";
    font-size: 140%;
    color: #000;
}
.txt-inicio p2{
    font-family: 'Righteous', cursive;
    font-size: 180%;
    padding-top: 23px;
}

/* style caja fonfo*/
.wrapper{
    background-color: white;
    position: relative;
}
.wrapper::after{
        position: absolute;
        bottom: 0;
        left: 0px;
        background: background: #c94b4b;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #4b134f, #c94b4b);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #4b134f, #c94b4b); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        content: "";
        width: 100%;
        height: 30px;
    filter: blur(10px);
        z-index: -1;
        border-radius: 50%;
        
    }
.wrapper >* {
padding: 1em;
}

/*style button login*/
.button a{
    position:absolute;
    z-index: 10;
    left:80%;
    top:4%;
    width: 90px;
    height: 33px;
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    font-family: "roboto";
    font-size: 109%;
    text-decoration: none;
    padding-left: 23px;
    
}