*{margin:0;padding:0;box-sizing:border-boxs}body{background-image:url(/p1.jpg);background-repeat:no-repeat;background-size:cover;height:100vh;width:100%}.form-container{display:flex;flex-direction:column;text-align:left;align-items:center;gap:10px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.form-container h3{font-size:20px;margin-bottom:5px}.form-group{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:5px;min-width:200px;text-align:left;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;background-color:transparent;font-size:18px}.form-group input{background-color:transparent;border:.5px solid black;border-radius:2px;padding:2px;outline:none}input::placeholder{color:#000;text-align:left}.form-form{display:flex;flex-direction:column;align-items:center;gap:20px}.form-send,.form-users,.form-clearForm{padding:5px;width:130px;font-size:12px;border-radius:5px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;color:#000;border:.5px solid black;background-color:transparent}.form-send:active,.form-users:active,.form-clearForm:active{transform:scale(.9)}.form-send:hover,.form-users:hover,.form-clearForm:hover{color:#9c9b9be2;transition:.5s}.form-errorMessage{color:#430909;font-size:12px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}@media(max-width:500px){.form-container-form input{width:300px}}.logo-mark-img{width:30px;position:fixed;bottom:3px;right:3px;opacity:10%;animation:floatTech 4s ease-in-out infinite}@keyframes floatTech{0%,to{translate:0 0}50%{translate:0 -8px}}*{padding:0;margin:0;box-sizing:border-box}.container{height:100vh;width:100%;display:flex;justify-content:center;align-items:center}.form-card{display:flex;justify-content:center;align-items:center;width:90%;max-width:300px;min-height:400px;background-color:#aba8a85e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 30px #0009;border-radius:10px}.user-container{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;margin:0;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.user-containerUsers{display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:300px;min-height:400px;background-color:#aba8a85e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 30px #0009;border-radius:10px;gap:10px}.user-containerUsers h2{font-size:20px}.user-form{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center}.user-form input{width:200px;background-color:transparent;border:.5px solid black;border-radius:2px;padding:8px;outline:none;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.user-form input::placeholder{color:#000;text-align:center}.user-buttons{display:flex;flex-direction:column;gap:20px}.user-search,.user-clear{padding:5px;width:130px;font-size:12px;border-radius:5px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;color:#000;border:.5px solid black;background-color:transparent}.user-back-icon{background-color:transparent;border:none}.user-back{background-color:transparent;font-size:30px;border:none;margin:0;padding:0}.user-search:active,.user-clear:active,.user-back:active{transform:scale(.9)}.user-search:hover,.user-clear:hover,.user-back:hover{color:#9c9b9be2;transition:.5s}.user-list-container{display:flex;flex-direction:column;background:#ffffff1a;box-shadow:0 0 30px #000000e6}.user-user{list-style-type:none;font-size:20px}.user-user li{background-color:transparent;width:auto}.user-user li p{font-size:12px;padding:5px}