| | |
|---|
| | | display: flex; |
|---|
| | | justify-content: center; |
|---|
| | | align-items: center; |
|---|
| | | opacity: 0; |
|---|
| | | -webkit-opacity: 0; |
|---|
| | | animation: floatUp ease 0.6s forwards; |
|---|
| | | |
|---|
| | | .login-card{ |
|---|
| | | width: 500px; |
|---|
| | | padding: 30px; |
|---|
| | | border-radius: 16px; |
|---|
| | | background-color: rgba(40,40,40,.5); |
|---|
| | | backdrop-filter: blur(8px); |
|---|
| | | -webkit-backdrop-filter: blur(8px); |
|---|
| | | background-color: rgba(40,40,40,.4); |
|---|
| | | backdrop-filter: blur(6px); |
|---|
| | | -webkit-backdrop-filter: blur(6px); |
|---|
| | | border: 1px solid rgba(255,255,255,.6); |
|---|
| | | max-width: 100%; |
|---|
| | | box-sizing: border-box; |
|---|
| | | box-shadow: 0 10px 20px rgba(0,0,0,.05); |
|---|
| | | opacity: 0; |
|---|
| | | -webkit-opacity: 0; |
|---|
| | | animation: floatUp ease 0.6s forwards; |
|---|
| | | } |
|---|
| | | .login-form { |
|---|
| | | width: 100%; |
|---|
