Form by Mr-Roy-alt
#e8e8e8
1.form { 2 background-color: white; 3 padding: 3.125em; 4 border-radius: 10px; 5 display: flex; 6 flex-direction: column; 7 align-items: center; 8 box-shadow: 5px 5px 15px -1px rgba(0,0,0,0.75); 9} 10 11.signup { 12 color: rgb(77, 75, 75); 13 text-transform: uppercase; 14 letter-spacing: 2px; 15 display: block; 16 font-weight: bold; 17 font-size: x-large; 18 margin-bottom: 0.5em; 19} 20 21.form--input { 22 width: 100%; 23 margin-bottom: 1.25em; 24 height: 40px; 25 border-radius: 5px; 26 border: 1px solid gray; 27 padding: 0.8em; 28 font-family: 'Inter', sans-serif; 29 outline: none; 30} 31 32.form--input:focus { 33 border: 1px solid #639; 34 outline: none; 35} 36 37.form--marketing { 38 display: flex; 39 margin-bottom: 1.25em; 40 align-items: center; 41} 42 43.form--marketing > input { 44 margin-right: 0.625em; 45} 46 47.form--marketing > label { 48 color: grey; 49} 50 51.checkbox, input[type="checkbox"] { 52 accent-color: #639; 53} 54 55.form--submit { 56 width: 50%; 57 padding: 0.625em; 58 border-radius: 5px; 59 color: white; 60 background-color: #639; 61 border: 1px dashed #639; 62 cursor: pointer; 63} 64 65.form--submit:hover { 66 color: #639; 67 background-color: white; 68 border: 1px dashed #639; 69 cursor: pointer; 70 transition: 0.5s; 71}
2.9K views
2.9K views
MIT License