app/assets/stylesheets/pages/_login.scss
.login-background {
position: fixed;
top: 0;
left: 0;
background: image_url("it61_bg");
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
min-width: 100%;
min-height: 100%;
z-index: -1;
}
.login-card {
@include outer-container;
text-align: center;
background: #fff;
padding: 40px;
margin: 137px auto;
max-width: 400px;
h2 {
font-size: 33px;
margin-bottom: 5px;
}
p {
font-size: 18px;
}
i {
font-size: 22px;
}
.login-buttons {
display: flex;
flex-direction: row;
justify-content: center;
gap: 0.5rem;
@include media($mobile-xs) {
flex-direction: column;
form {
button {
width: 100%;
}
}
}
}
@include media($mobile-xs) {
margin-top: 70px;
max-width: 300px;
}
}