body{
                background:url('https://llpublicbucket.s3.amazonaws.com/login-bg.jpg');
                background-repeat: no-repeat;
                background-size: cover;
            }
            .loginsec{
                position: relative;
                height: 100vh;
                width: 500px;
                float: right;
                background-color: rgb(255,255,255,0.3);
                backdrop-filter: blur(13px);

            }
            .fields-login{
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                width: 80%;
                text-align: center;
            }
            .txt-login{
                margin-bottom:10px;
                width: 100%;
                height: 50px;
                background-color: rgb(255,255,255, 0.3);
                border: none;
                border-radius: 5px;
                font-size: 18px;
                color: black;
                box-sizing: border-box;
                padding-left: 10px;
            }
            .btn-login{
                height: 50px;
                border-radius: 5px;
                background-color: #395E8E;
                border: none;
                color: white;
                margin-top: 10px;
                margin-bottom: 20px;
                font-size: 18px;
                padding: 10px;
                width: 100%;
            }
            .btn-login:hover{
                background-color: #4772ad;
            }
            *{
                font-family:Arial, Helvetica, sans-serif;
            }
            .alert-box{
                color: #e07171;
                background-color: rgb(0,0,0,0.4);
                padding: 10px;
                border-radius: 5px;
            }

            @media only screen and (max-width:500px){
                .loginsec{
                    width: 90vw;
                }
            }