76 lines
1.4 KiB
CSS
76 lines
1.4 KiB
CSS
|
|
|
|
.main-login{
|
|
width: 100vw;
|
|
height: 100vh;
|
|
background:linear-gradient(130deg, var(--bg-dark) 40%, var(--bg-light) 200%);
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.left-login{
|
|
width: 50vw;
|
|
height: 100vh;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
h1 {
|
|
color:white;
|
|
}
|
|
}
|
|
.right-login{
|
|
|
|
width: 50vw;
|
|
height: 100vh;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
}
|
|
|
|
.card-login{
|
|
|
|
width: 60%;
|
|
height: 60%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
padding: 30px 35px;
|
|
background: rgba(113, 113, 116, 0.11);
|
|
border-radius: 20px;
|
|
box-shadow: 0px 10px 60px #161616cc;
|
|
h1 {
|
|
color: white;
|
|
font-weight: 900;
|
|
margin: 0;
|
|
|
|
}
|
|
}
|
|
|
|
.textfield{
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
.textfield > input {
|
|
width: 100%;
|
|
border: none;
|
|
border-radius: 10px;
|
|
padding: 15px;
|
|
background: rgba(142, 142, 153, 0.496);
|
|
color: white;
|
|
font-size: 12pt;
|
|
box-shadow: 0px 20px 10px #161616;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.textfield > label {
|
|
color: white;
|
|
margin-bottom: 3px;
|
|
|
|
} |