       *{
            margin:0;
            padding:0;          
        }
        html,body{
            width: 100%;
        }
        body {
            /*background: #222;
            background: linear-gradient(180deg,#1b1b1d 0%, #5b2b2b 100%);*/
            background-image: -webkit-linear-gradient(bottom, #234c84 0%, #010206 100%);
            font-family: Arial;
            color: white;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100svh;
        }
        .login-box {
            /*background: #333;*/
            margin-top: 30px;
            padding: 2rem;
            width: 600px;
        }
.loginSpace{
  padding: 20px;
  border-radius: 8px;
  border: 1px solid blue;
  /* background-color: #224d7e; */
  /* background-repeat: no-repeat; */
  background: linear-gradient(180deg,rgba(5, 20, 31, 1) 0%, rgba(42, 123, 155, 0.45) 61%, rgba(29, 94, 125, 0) 100%),linear-gradient(353deg,rgba(39, 152, 217, 1) 0%, rgba(42, 123, 155, 0.16) 36%, rgba(29, 94, 125, 0) 100%);
}
.loginSpaceShadow{
  border-radius: 8px;
  height: 100px;
  background-image: linear-gradient(180deg,rgba(39, 152, 217, .75) 0%, rgba(42, 123, 155, 0.16) 36%, rgba(29, 94, 125, 0) 100%);
}
        form {
            display: flex;
            flex-direction: column;
        }
        input, button{
            margin: .5rem 0 .5rem 0;
            padding: 1rem;
            font-size: 1.5rem;
            border: none;
            border-radius:.4rem;
        }
        button {
            width: 8rem;
            background: blue;
            color: white;
            align-self: center;
        }
        .error {
            color: #ff8080;
            margin-top: .6rem;
        }
        @media (max-width:450px) {
            .login-box{
                width: 80vw;
            }            
        }
        @media (max-height:450px) {
            .loginSpace{
                padding: 10px 20px 10px 20px;
            }
            .loginSpaceShadow{
                height: 40px;
            }            
        }