Form by KhelVers
#212121
1.login-container { 2 width: 300px; 3 padding: 20px; 4 background: #fff; 5 border-radius: 8px; 6 box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1), 0px 0px 0px 3px #3498db, inset 0px 0px 10px rgba(0, 0, 0, 0.1); 7} 8 9.login-header { 10 font-size: x-large; 11 font-weight: 600; 12 text-align: center; 13 margin-bottom: 20px; 14} 15 16.login-header h1 { 17 color: #333; 18 font-size: 24px; 19} 20 21.login-input { 22 width: 100%; 23 padding: 10px; 24 margin-bottom: 15px; 25 border: none; 26 background: #f5f5f5; 27 border-radius: 4px; 28 box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2); 29} 30 31.login-button { 32 width: 100%; 33 padding: 10px; 34 border: none; 35 background: #3498db; 36 color: #fff; 37 font-weight: bold; 38 border-radius: 4px; 39 cursor: pointer; 40 box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1), inset 0px 1px 3px rgba(255, 255, 255, 0.5); 41 transition: background 0.3s ease, transform 0.2s ease; 42} 43 44.login-button:hover { 45 background: #2980b9; 46 transform: translateY(-2px); 47}
921 views
921 views
MIT License