Form by sahilxkhadka
#e8e8e8
1.logo { 2 margin-bottom: 1rem; 3 font-size: 1.2rem; 4 text-align: center; 5 color: #1877f2; 6 font-weight: 700; 7} 8 9form { 10 display: flex; 11 flex-direction: column; 12 background: #fff; 13 padding: 1.5rem 1rem; 14 width: 300px; 15 border-radius: 0.5rem; 16 box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 8px 16px rgb(0 0 0 / 10%); 17} 18 19form input { 20 outline: none; 21 padding: 0.4rem 0.5rem; 22 margin-bottom: 0.8rem; 23 font-size: 0.9rem; 24} 25 26form input:focus { 27 border: 1.8px solid #1877f2; 28} 29 30form .login { 31 outline: none; 32 border: none; 33 background: #1877f2; 34 padding: 0.8rem 1rem; 35 border-radius: 0.4rem; 36 font-size: 0.9rem; 37 color: #fff; 38} 39 40form .login:hover { 41 background: #0f71f1; 42 cursor: pointer; 43} 44 45form a { 46 text-decoration: none; 47 text-align: center; 48 font-size: 0.9rem; 49 padding-top: 0.8rem; 50 color: #1877f2; 51} 52 53form hr { 54 background: #f7f7f7; 55 margin: 0.5rem; 56} 57 58form .create-account { 59 outline: none; 60 border: none; 61 background: #06b909; 62 padding: 0.8rem 1rem; 63 border-radius: 0.5rem; 64 font-size: 0.9rem; 65 color: #fff; 66 width: 75%; 67 margin: 0 auto; 68} 69 70form .create-account:hover { 71 background: #03ad06; 72 cursor: pointer; 73}
1.4K views
1.4K views
MIT License