/* body {
        background: url('/login/fondo.svg');
        background-size: cover;
} */

input {
        border: 0;
        border-bottom: 1px solid #ccc;
        padding: 15px;
        background: transparent;
        width: 300%;
        text-align: center;

}

input:focus {
        outline: 0;
}

.loginestacion {
        margin: 16px 0 0 0;
        width: 100%;
        height: 60px;
        background: white;
        border-radius: 15px;
        transition: 0.4s;
        border: 1px solid #ccc;
        font-size: 20px;
        background: #4fb87c;
        color: white;
}

.loginestacion:hover {
        background: rgba(18, 90, 48, 0.5);
        color: white;
}

i {
        color: #ccc;
        position: absolute;
        left: -30px;
        top: 20px;
}

::-webkit-input-placeholder {
        text-align: center;
        font-size: 14px;
}

* {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: -moz-none;
        -o-user-select: none;
        user-select: none;
}

.loginform {
        position: relative;
        filter: drop-shadow(0 0 30px #282828);
}

.titlesel {
        display: block;
        text-align: center;
        font-weight: bold;
}

.headersel {
        background: rgba(18, 90, 48, 0.5);
        border-bottom-left-radius: 500px;
        border-bottom-right-radius: 500px;
        border-bottom: 3px solid #b4fcd2;
        filter: drop-shadow(0 0 8px #000);
        min-width: 453px;
        max-height: 90px;
        padding: 15px 80px;
        font-size: 2.4em;
}

.headersel:after {
        bottom: auto;
        top: 100%;
        border-bottom: none;
        border-top: 15px solid blue;
}