body {
    background: radial-gradient(circle at center, rgb(255, 255, 255) 0, rgb(109, 109, 109));
}
html, body {
    height: 100%;
    margin: 0;
}
.element {
    position: fixed;
    inset: 0px;
    width: 12rem;
    height: 5rem;
    max-width: 100vw;
    max-height: 100dvh;
    margin: auto;
    border-radius: 1.3rem;
    height: fit-content;
    width: 350px; 
    background-color: black;
    box-shadow: .4rem .4rem .4rem #00000077;
    font-family: "Arial", serif;
    font-variant: small-caps;
}
form {
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    color: white;
}

input[type=text], input[type=password] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
box-sizing: border-box;
}

button {
background-color: #04AA6D;
color: white;
padding: 14px 20px;
margin-top:8px;
border: none;
cursor: pointer;
width: 100%;
}

button:hover {
opacity: 0.8;
}

.container {
padding: 16px;
}

span.psw {
float: right;
padding-top: 16px;
}