#212121
1.form { 2 display: flex; 3 flex-direction: column; 4 gap: 10px; 5 padding-left: 2em; 6 padding-right: 2em; 7 padding-bottom: 0.4em; 8 background-color: #171717; 9 border-radius: 25px; 10 transition: .4s ease-in-out; 11} 12 13.form:hover { 14 transform: scale(1.05); 15 border: 1px solid black; 16} 17 18#heading { 19 text-align: center; 20 margin: 2em; 21 color: rgb(255, 255, 255); 22 font-size: 1.2em; 23} 24 25.field { 26 display: flex; 27 align-items: center; 28 justify-content: center; 29 gap: 0.5em; 30 border-radius: 25px; 31 padding: 0.6em; 32 border: none; 33 outline: none; 34 color: white; 35 background-color: #171717; 36 box-shadow: inset 2px 5px 10px rgb(5, 5, 5); 37} 38 39.input-icon { 40 height: 1.3em; 41 width: 1.3em; 42 fill: white; 43} 44 45.input-field { 46 background: none; 47 border: none; 48 outline: none; 49 width: 100%; 50 color: #d3d3d3; 51} 52 53.form .btn { 54 display: flex; 55 justify-content: center; 56 flex-direction: row; 57 margin-top: 2.5em; 58} 59 60.button1 { 61 padding: 0.5em; 62 padding-left: 1.1em; 63 padding-right: 1.1em; 64 border-radius: 5px; 65 margin-right: 0.5em; 66 border: none; 67 outline: none; 68 transition: .4s ease-in-out; 69 background-color: #252525; 70 color: white; 71} 72 73.button1:hover { 74 background-color: black; 75 color: white; 76} 77 78.button2 { 79 padding: 0.5em; 80 padding-left: 2.3em; 81 padding-right: 2.3em; 82 border-radius: 5px; 83 border: none; 84 outline: none; 85 transition: .4s ease-in-out; 86 background-color: #252525; 87 color: white; 88} 89 90.button2:hover { 91 background-color: black; 92 color: white; 93} 94 95.button3 { 96 margin-bottom: 3em; 97 padding: 0.5em; 98 border-radius: 5px; 99 border: none; 100 outline: none; 101 transition: .4s ease-in-out; 102 background-color: #252525; 103 color: white; 104} 105 106.button3:hover { 107 background-color: red; 108 color: white; 109}
Comments
MIT License