Form by Harsha2lucky
#e8e8e8
1.content { 2 width: 330px; 3 padding: 40px 30px; 4 background: #dde1e7; 5 border-radius: 10px; 6 box-shadow: -3px -3px 7px #ffffff73, 7 2px 2px 5px rgba(94,104,121,0.288); 8} 9 10.content .text { 11 font-size: 33px; 12 font-weight: 600; 13 margin-bottom: 35px; 14 color: #595959; 15} 16 17.field { 18 height: 50px; 19 width: 100%; 20 display: flex; 21 position: relative; 22} 23 24.field:nth-child(2) { 25 margin-top: 20px; 26} 27 28.field .input { 29 height: 100%; 30 width: 100%; 31 padding-left: 45px; 32 outline: none; 33 border: none; 34 font-size: 18px; 35 background: #dde1e7; 36 color: #595959; 37 border-radius: 25px; 38 box-shadow: inset 2px 2px 5px #BABECC, 39 inset -5px -5px 10px #ffffff73; 40} 41 42.field .input:focus { 43 box-shadow: inset 1px 1px 2px #BABECC, 44 inset -1px -1px 2px #ffffff73; 45} 46 47.field .span { 48 position: absolute; 49 color: #595959; 50 width: 50px; 51 line-height: 55px; 52} 53 54.field .label { 55 position: absolute; 56 top: 50%; 57 transform: translateY(-50%); 58 left: 45px; 59 pointer-events: none; 60 color: #666666; 61} 62 63.field .input:valid ~ label { 64 opacity: 0; 65} 66 67.forgot-pass { 68 text-align: left; 69 margin: 10px 0 10px 5px; 70} 71 72.forgot-pass a { 73 font-size: 16px; 74 color: #666666; 75 text-decoration: none; 76} 77 78.forgot-pass:hover a { 79 text-decoration: underline; 80} 81 82.button { 83 margin: 15px 0; 84 width: 100%; 85 height: 50px; 86 font-size: 18px; 87 line-height: 50px; 88 font-weight: 600; 89 background: #dde1e7; 90 border-radius: 25px; 91 border: none; 92 outline: none; 93 cursor: pointer; 94 color: #595959; 95 box-shadow: 2px 2px 5px #BABECC, 96 -5px -5px 10px #ffffff73; 97} 98 99.button:focus { 100 color: #3498db; 101 box-shadow: inset 2px 2px 5px #BABECC, 102 inset -5px -5px 10px #ffffff73; 103} 104 105.sign-up { 106 margin: 10px 0; 107 color: #595959; 108 font-size: 16px; 109} 110 111.sign-up a { 112 color: #3498db; 113 text-decoration: none; 114} 115 116.sign-up a:hover { 117 text-decoration: underline; 118}
3.9K views
3.9K views
MIT License