#e8e8e8
1.form { 2 display: flex; 3 align-items: center; 4 flex-direction: column; 5 justify-content: space-around; 6 width: 300px; 7 background-color: white; 8 border-radius: 12px; 9 padding: 20px; 10} 11 12.title { 13 font-size: 20px; 14 font-weight: bold; 15 color: black 16} 17 18.message { 19 color: #a3a3a3; 20 font-size: 14px; 21 margin-top: 4px; 22 text-align: center 23} 24 25.inputs { 26 margin-top: 10px 27} 28 29.inputs input { 30 width: 32px; 31 height: 32px; 32 text-align: center; 33 border: none; 34 border-bottom: 1.5px solid #d2d2d2; 35 margin: 0 10px; 36} 37 38.inputs input:focus { 39 border-bottom: 1.5px solid royalblue; 40 outline: none; 41} 42 43.action { 44 margin-top: 24px; 45 padding: 12px 16px; 46 border-radius: 8px; 47 border: none; 48 background-color: royalblue; 49 color: white; 50 cursor: pointer; 51 align-self: end; 52}
Comments
MIT License