1 @import url( ‘https: //fonts.googleapis.com/css2? family=Poppins : wght@120 ; 200 ; 300; 400; 500; 6008di splay ot blue:#3498db; dark-blue:#2980b95 red:#e74c3c5 dark-red:#c0392b5 black:#3335 9 whiterttFes 10 Light-bg:#eee; u box-shadow:@ Spx 1@px rgba(0,0,0,.1); 12) 13, 14 15 font-family: ‘Poppins’, sans-serif; 16 margin:0; padding:0; 17 box-sizing: border-box; 18 outline: none; border: none; 19 text-decoration: none; rt -webkit-scrollbar{ 23 width: 1px; 26 *::-webkit-scrollbar-track{ 27 background-color: transparent 28) 30 *::-webkit-scrol1bar-thumb{ 31 background-color: var(--blue); 32) 34 .btn, 35 .delete-btn{ 36 width: 100%5 37 border-radius: Spx; 38 padding:1@px 3epx; 39 color:var(--white); 48 display: block; 41 text-align: centers 42 cursor: pointer; 43 font-size: 20px; 44 margin-top: 10px; 45) 47. .btn{ 48 background-color: var(--blue); 49) 51 .btnzhover{ 52 background-color: var(--dark-blue) 5 53} 54 55 .delete-btn{ 56 background-color: var(--red); 57} 5859 60. 61 62. 63. 6a. 65, 66. 67. 68. 6 70 nm R 73 74 75. 76 7 78 79 20. 81 82, 83, Ba, 85, 86. 87, 88. 29) 90 91 92. 93 94, 95, 96. 97, 98. 99. 120 121 122 103 104 105 186 127 128 109 ue aa 112 113 114 115 116 117, 18 -delete-btnzhover{ background-color: var(--dark-red)5 ? emessaget margin:16px 0; width: 100%; border-radius: Spx; padding: 1¢px; text-align: centers background-color: var(--red) color:var(--white)5 font-size: 20px; ? -form-container{ min-height: 10evh; background-color: var(--light-bg); display: flex; align-items: center; justify-content: center; padding: 20px; } -form-container form, padding: 20px; background-color: var(--white); box-shadow: var(--box-shadow); text-align: center; width: 580px3 border-radius: 5px; box-shadow: 18px 10px Spx rgb(36, 37, 37)3 } -form-container form h3{ margin-bottom: 10px; font-size: 30px; color: var(--black) ‘text-transform: uppercase; ? -form-container form .boxt width: 100%5 border-radius: Spx; padding: 12px 14px; font-size: 18px; color: var(--black) 5 margin:10px 93 background-color: var(--light-bg)5 ? -form-container form p{ margin-top: 15px3 font-size: 20px; color:var(--black) 5 ? -form-container form p af color:var(--red) 5 ?19 120 121, 122 123 124 125 126 127 128 129) 138 431 132 133 134 135 136 137 138 139 140 141 142 143 144 145, 146 147 143 149 158 151 4152 153 154 155, 156 157 158 159 160 161 162 163 164 165 156 187 168 169 176 a7 172 173 174 175 176 77 178 -form-container form p azhover{ text-decoration: underlines ? -container{ min-height: 100vh; background-color: var(--light-bg); display: flex; align-itens: center; justify-content: center; padding: 26x; y scontainer .profilet padding: 2epx; background-color: var(--white); box-shadow: var (--box-shadow) 3 text-align: center; width: 4¢0px; border-radius: Spx; box-shadow: 10px 1px Spx rgo(36, 37, 37); ? -container .profile ingt height: 59px; width: 15@px; border-radius: 50%; object-fit: cover; margin-bottom: 5px ? scontainer .profile h3{ 26px3 color: var(--black) 5 ? -container .profile pt margin-top: 20px3 color:var(--black) 5 font-size: 20px; ? -container .profile p at color:var(--red) 5 ? scontainer .profile p a:hover text-decoration: underline; } -update-profile{ min-height: 1oavh; background-color: var(--light-bg)5 display: flex; align-itens: center justify-content: center; padding: 2epx;179 180 181 182 183 184 185 186 187 188 189 198 asi 192 193 194 195 196 197 198 199 228 201 202 203 204 285, 286 207 208 209) 218 211 212 213 214 215 216 217 218 219 220 221, 222 223 224 225 226 227 228 228) 230 231 232 233, 234 235) 236 237 238 } -update-profile form{ padding: 2epx; background-color: var(--white); box-shadow: var(--box-shadow); text-align: center width: 720px; text-align: center; border-radius: Spx} box-shadow: 10px 1px Spx rgo(36, 37, 37)3 } -update-profile form imgt height: 20epx; width: 20095 border-radius: 50%; object-fit: cover; margin-bottom: Spx; ? supdate-profile form .flex{ display: flex; justify-content: space-between; margin-bottom: 20px; gap:15px; ? -update-profile form .flex .inputBox{ width: 49%; ? supdate-profile form .flex .inputBox span{ text-align: left; display: block; margin-top: 15px3 font-size: 17px; color: var(--black) 5 ? supdate-profile form .flex .inputBox .box{ width: 100%; border-radius: Spx; background-color: var(--light-bg); padding: 12px 14px; font-size: 17px3 color:var(--black) 5 margin-top: 1@px; ? @media (max-width:65@px){ supdate-profile form .flext flex-wrap: wraps gap:0; } supdate-profile form .flex .inputBox{ width: 100% ? ?