#e8e8e8
1.form-container { 2 width: 300px; 3 background: linear-gradient(180deg,rgb(0, 183, 255) 25%,rgb(255, 255, 255) 20%); 4 height: 350px; 5 display: flex; 6 flex-direction: column; 7 justify-content: center; 8 align-items: center; 9 position: relative; 10} 11 12.form { 13 width: 80%; 14 display: flex; 15 flex-direction: column; 16 margin-top: 40px; 17} 18 19.form-container p { 20 position: absolute; 21 top: 10%; 22 left: 10%; 23 font-size: 30px; 24 font-weight: 900; 25 color: rgb(255, 255, 255); 26} 27 28.form-container label { 29 color: rgb(40, 42, 44); 30 margin-top: 15px; 31 margin-bottom: 5px; 32 font-size: 15px; 33} 34 35.form-container .input { 36 padding: 10px; 37 height: 35px; 38 border: none; 39 background-color: rgb(224, 231, 236); 40} 41 42.form-container .input:focus { 43 outline: none; 44} 45 46.form-container button { 47 border: none; 48 height: 35px; 49 margin-top: 30px; 50 background-color: rgb(0, 183, 255); 51 color: white; 52 font-size: 16px; 53} 54
Comments
MIT License