Form by vishal2231179
#e8e8e8
1.form { 2 display: flex; 3 flex-direction: column; 4 gap: 10px; 5 background-color: rgb(241, 241, 130); 6 padding: 60px; 7 padding-inline: 28px; 8 border-radius: 20px; 9 box-shadow: 4px 4px rgb(0, 2, 65); 10 font-family: cursive; 11} 12 13.heading { 14 font-size: 25px; 15 text-align: center; 16 font-weight: 600; 17 font-family: cursive; 18} 19 20.form button { 21 /* align-self: flex-end; */ 22 padding: 10px; 23 border-radius: 10px; 24 margin-top: 20px; 25 background-color: rgb(241, 241, 130); 26 box-shadow: 2px 3px rgb(0, 2, 65); 27 28 color: rgb(0, 0, 0); 29 font-size: medium; 30 font-weight: 600; 31 transition: 400ms; 32 font-family: cursive; 33} 34 35.form button:hover { 36 background-color: rgb(235, 255, 59); 37 transition: 400ms; 38 cursor: pointer; 39} 40 41.input { 42 padding: 10px; 43 width: 280px; 44 border-radius: 10px; 45 border-style: double; 46 border-color: black; 47 font-size: 15px; 48 box-shadow: 2px 3px rgb(0, 2, 65); 49 50 font-family: cursive; 51} 52 53.forgot, 54a { 55 padding-top: 10px; 56 /* font-weight: 600; */ 57 color: rgba(0, 0, 0, 0.994); 58 font-family: cursive; 59 text-decoration: none; 60 transition: 400ms; 61} 62.forgot, 63a:hover { 64 color: rgba(0, 0, 0, 0.703); 65 transition: 400ms; 66} 67 68.Mail, 69.Password { 70 font-size: 16px; 71 /* font-weight: 600; */ 72 font-family: cursive; 73} 74
163 views
163 views
MIT License