889 views
1.form { 2 display: flex; 3 flex-direction: column; 4 align-items: center; 5 position: relative; 6 overflow: hidden; 7 padding: 20px; 8 background: #606c88; 9 background: -webkit-linear-gradient(to right, #3f4c6b, #606c88); 10 background: linear-gradient(to right, #3f4c6b, #606c88); 11 border-radius: 10px; 12 box-shadow: 0px 87px 78px -39px rgba(0,0,0,0.4); 13 max-width: 320px; 14} 15 16.info { 17 margin-bottom: 10px; 18} 19 20.title { 21 color: #fff; 22 font-size: 1.5rem; 23 line-height: 1.8rem; 24 font-weight: 800; 25 letter-spacing: -0.025em; 26} 27 28.description { 29 color: #fff; 30 margin-top: 10px; 31 font-size: 15px; 32} 33 34.form .inputs { 35 display: flex; 36 justify-content: space-between; 37 gap: 10px; 38} 39 40.form .inputs input { 41 height: 2.5em; 42 width: 2.5em; 43 outline: none; 44 text-align: center; 45 font-size: 1.5em; 46 color: #fff; 47 border-radius: 0.3em; 48 border: 1px solid rgba(253, 253, 253, 0.363); 49 background-color: rgb(255 255 255 / 0.05); 50} 51 52.form .inputs input:focus { 53 border: 1px solid rgb(99 102 241); 54} 55 56.resend { 57 color: #fff; 58 margin-top: 10px; 59 font-size: 15px; 60 text-align: center; 61} 62 63.resend-action { 64 text-decoration: none; 65 cursor: pointer; 66 margin-left: 6px; 67 color: rgb(255, 255, 255); 68 font-weight: 600; 69} 70 71.resend-action:hover { 72 text-decoration: underline #2b8af7; 73} 74 75.validate { 76 display: flex; 77 align-items: flex-end; 78 justify-content: flex-end; 79 text-decoration: none; 80 background-color: #606c88; 81 padding: 10px 20px; 82 margin: 8px 0 0 0; 83 font-size: 13px; 84 font-weight: 600; 85 border-radius: 10px; 86 transition: .3s ease; 87} 88 89.validate:hover { 90 background-color: #3f4c6b; 91} 92 93.close { 94 position: absolute; 95 right: 10px; 96 top: 10px; 97 background-color: #3f4c6b; 98 height: 30px; 99 width: 30px; 100 display: grid; 101 place-items: center; 102 border-radius: 50%; 103 cursor: pointer; 104 font-weight: 600; 105 transition: .3s ease; 106} 107 108.close:hover { 109 background-color: rgba(255, 0, 0, 0.603); 110}
MIT License