#e8e8e8
1.form { 2 display: flex; 3 flex-direction: column; 4 background: #606c88; 5 background: -webkit-linear-gradient(to right, #3f4c6b, #606c88); 6 background: linear-gradient(to right, #3f4c6b, #606c88); 7 padding: 20px; 8 border-radius: 10px; 9 max-width: 350px; 10} 11 12.title { 13 font-size: 2rem; 14 line-height: 2rem; 15 font-weight: 700; 16 letter-spacing: -0.025em; 17 color: #fff; 18} 19 20.description { 21 line-height: 1.5rem; 22 font-size: 1rem; 23 margin-top: 1rem; 24 color: rgb(209 213 219); 25} 26 27.form div { 28 display: flex; 29 max-width: 28rem; 30 margin-top: 1rem; 31 column-gap: 0.5rem; 32} 33 34.form div input { 35 outline: none; 36 line-height: 1.5rem; 37 font-size: 0.875rem; 38 color: rgb(255 255 255 ); 39 padding: 0.5rem 0.875rem; 40 background-color: rgb(255 255 255 / 0.05); 41 border: 1px solid rgba(253, 253, 253, 0.363); 42 border-radius: 0.375rem; 43 flex: 1 1 auto; 44} 45 46.form div input::placeholder { 47 color: rgb(216, 212, 212); 48} 49 50.form div input:focus { 51 border: 1px solid rgb(99 102 241); 52} 53 54.form div button { 55 color: #fff; 56 font-weight: 600; 57 font-size: 0.875rem; 58 line-height: 1.25rem; 59 padding: 0.625rem 0.875rem; 60 background-color: rgb(99 102 241); 61 border-radius: 0.375rem; 62 border: none; 63 outline: none; 64}
3.8K views
3.8K views
Comments
1RoberthCepaya 27. August at 23:44
27. August at 23:44
quiero mas :C
MIT License