#e8e8e8
1.form { 2 display: flex; 3 flex-direction: column; 4 gap: 10px; 5 width: 300px; 6 background-color: #fff; 7 border-radius: 20px; 8 padding: 30px 20px; 9 box-shadow: 100px 100px 80px rgba(0, 0, 0, 0.03) 10} 11 12.title { 13 color: black; 14 font-weight: bold; 15 text-align: center; 16 font-size: 20px; 17 margin-bottom: 4px; 18} 19 20.sub { 21 text-align: center; 22 color: black; 23 font-size: 14px; 24 width: 100%; 25} 26 27.sub.mb { 28 margin-bottom: 1px; 29} 30 31.sub a { 32 color: rgb(23, 111, 211); 33} 34 35.avatar { 36 height: 50px; 37 width: 50px; 38 background-color: rgb(23, 111, 211); 39 border-radius: 50%; 40 align-self: center; 41 padding: 6px; 42 cursor: pointer; 43 box-shadow: 12.5px 12.5px 10px rgba(0, 0, 0, 0.015),100px 100px 80px rgba(0, 0, 0, 0.03); 44} 45 46.form button { 47 align-self: flex-end; 48} 49 50.input, button { 51 border: none; 52 outline: none; 53 width: 100%; 54 padding: 16px 10px; 55 background-color: rgb(247, 243, 243); 56 border-radius: 10px; 57 box-shadow: 12.5px 12.5px 10px rgba(0, 0, 0, 0.015),100px 100px 80px rgba(0, 0, 0, 0.03); 58} 59 60button { 61 margin-top: 12px; 62 background-color: rgb(23, 111, 211); 63 color: #fff; 64 text-transform: uppercase; 65 font-weight: bold; 66} 67 68.input:focus { 69 border: 1px solid rgb(23, 111, 211); 70} 71 72#file { 73 display: none; 74}
2.5K views
2.5K views
Comments
MIT License