@import "constants.css";
:root {
--bg-pattern: url('data:image/svg+xml,');
--bg-two: url('data:image/svg+xml,');
}
body {
/* background: var(--bg-pattern);
background-repeat: no-repeat;
background-size: cover; */
background-color: var(--red-color);
}
form.login {
margin: auto;
display: flex;
flex-direction: column;
max-width: 12.4rem;
min-width: 12.4rem;
}
form.login div input {
max-width: 12rem;
min-width: 12rem;
border: none;
outline: none;
background-color: #e9ecef;
padding: 0.2rem;
border-radius: 0.2rem;
}
form.login button {
min-width: 12.4rem;
max-width: 12.4rem;
margin-top: 1rem;
}
div.pattern {
margin: auto;
max-width: 40rem;
min-width: 40rem;
max-height: 40rem;
min-height: 40rem;
background: var(--bg-two);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
}
div.wrapper {
margin: auto;
max-width: fit-content;
min-width: fit-content;
max-height: fit-content;
min-height: fit-content;
padding: 1rem;
border-radius: 0.5rem;
background-color: #ffffffaa;
backdrop-filter: blur(1px);
}