body {
    background-image: url("./tunellogado/assets/images/comrades-walppaper.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}


html,
body{
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    font-family:'Segoe UI',sans-serif;
}

body{


    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.container{

    width:100%;
    min-height:100vh;

    display:flex;
    justify-content:center;
    align-items:center;
}

.login-box{

    width:430px;
    max-width:92%;

    padding:45px;

    background:rgba(255,255,255,.12);

    backdrop-filter:blur(20px);

    border-radius:25px;

    border:1px solid rgba(255,255,255,.18);

    box-shadow:0 15px 40px rgba(0,0,0,.45);

    color:#FFF;
}

.login-box h2{

    text-align:center;

    font-size:34px;

    margin-bottom:35px;

    font-weight:700;
}

.input-box{

    position:relative;

    margin-bottom:18px;
}

.input-box i{

    position:absolute;

    left:18px;

    top:16px;

    color:#888;

    font-size:18px;
}

.input-box input{

    width:100%;

    height:52px;

    border:none;

    border-radius:12px;

    padding-left:50px;

    font-size:16px;

    transition:.3s;
}

.input-box input:focus{

    outline:none;

    box-shadow:0 0 15px #640404;

    transform:scale(1.02);
}

.btn-login{

    width:100%;

    height:52px;

    border:none;

    border-radius:12px;

    background:linear-gradient(90deg,#a00c0c,#9e7d12);

    color:#FFF;

    font-size:18px;

    font-weight:bold;

    transition:.3s;

    cursor:pointer;
}

.btn-login:hover{

    transform:translateY(-3px);

    box-shadow:0 10px 25px rgba(30,136,229,.5);
}

.login-box a{

    color:#FFF;

    text-decoration:none;

    font-weight:bold;
}

.login-box a:hover{

    color:#160ba7;
}

.login-box h4{

    color:#FFF;

    margin-top:25px;
}

.g-signin2{

    margin:auto;
}

html,
body{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}

body{
    min-height:100vh;
}

.container{
    width:100%;
    min-height:100vh;

    display:flex;
    justify-content:center;
    align-items:center;

    padding:20px;
}

.form-signin{
    margin:0 !important;
}

@media (max-width:768px){

    .container{
        padding:15px;
        align-items:center;
        justify-content:center;
    }

    .login-box{
        width:100%;
        max-width:380px;
        padding:30px 20px;
    }

}