@import"https://fonts.googleapis.com/css2?family=Abyssinica+SIL&display=swap";.App{padding-bottom:60px}.users-container{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;transition:transform .15s ease,box-shadow .15s ease}.form-container{width:100%;min-height:100vh;background-color:#0003;backdrop-filter:blur(2px);position:fixed;top:0;display:flex;justify-content:center;align-items:center;padding-left:20px;padding-right:20px;z-index:1}.disable__form{display:none}.delete__container{width:100%;min-height:100vh;background-color:#0003;backdrop-filter:blur(2px);position:fixed;top:0;display:flex;justify-content:center;align-items:center;z-index:1}.App__btn{width:100%;max-width:200px;padding:10px;border-radius:5px;background-color:#555a88;color:#fff;margin-top:15px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.App__btn:hover{transform:scale(1.04);box-shadow:0 0 10px #0005;transition:transform .15s ease,box-shadow .15s ease}.App__container-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;max-width:1000px;margin-left:auto;margin-right:auto}.form{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px #0009;position:relative;width:100%;max-width:350px}.form__x{position:absolute;top:20px;right:20px;font-size:20px;color:var(--red);transition:transform .1s ease;cursor:pointer}.form__x:hover{transform:scale(1.2);transition:transform .1s ease}.form__title{font-size:25px;font-weight:700;margin-bottom:20px}.form__div{display:flex;flex-direction:column;gap:8px}.form__label{font-size:14px;font-weight:700;color:#000a}.form__input{font-family:inherit;padding:7px 15px;background-color:#f9fafc;border:1px solid #ccc;border-radius:5px}.form__input::placeholder{color:#4c4c5ba3}.form__input[type=date]{color:#4c4c5ba3}.form__btn{width:100%;padding:10px;border-radius:5px;background-color:#555a88;color:#fff;margin-top:15px;cursor:pointer;transition:filter .1s ease}.form__btn:hover{filter:brightness(1.2);transition:filter .1s ease}.user{background-color:#fff;padding:20px;border:1px solid #ccc9;border-radius:8px;width:100%;max-width:400px;transition:transform .15s ease,box-shadow .15s ease}.user:hover{transform:scale(1.04);box-shadow:0 0 10px #0005;transition:transform .15s ease,box-shadow .15s ease}.user__name{font-weight:500;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ccc9}.user__list{display:grid;gap:12px;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #ccc9}.user__item{display:flex;flex-direction:column;gap:2px;font-weight:400}.user__span{color:#aaa;font-weight:300;text-transform:uppercase}.user__item-container{display:flex;gap:8px}.user__footer{display:flex;gap:10px;justify-content:flex-end}.user__btn{color:#fff;width:35px;aspect-ratio:1;border-radius:5px}.user__btn:first-child{color:#fff;background-color:var(--red);border:1px solid #ccc9}.user__btn:last-child{color:#000;border:1px solid #ccc9}.user__btn:hover{cursor:pointer;color:#302a2a;font-size:1.1rem;box-shadow:0 0 8px;transition:font-size .2s ease}.user:hover{transform:scale(1)}.delete__alert,.delete__alert-text{width:100%;max-width:350px;text-align:center;padding-top:10px;color:#f90000;text-shadow:0 0 5px rgb(255,255,255);border-radius:10px;margin-bottom:10px}.delete__alert-text{color:#283aff}.alert_signo{color:#000}.btn__delete-alert{display:flex;width:100%;gap:2rem;justify-content:center;align-items:center;padding-top:20px}.delete__btn-alert{width:100%;max-width:200px;padding:10px;border-radius:5px;background-color:#484e89;color:#fff;margin-top:15px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.delete__btn-alert:hover{transform:scale(1.04);box-shadow:0 0 10px #0005;transition:transform .15s ease,box-shadow .15s ease;font-size:1.2rem;font-weight:700}*{box-sizing:border-box}body{margin:0;font-family:Abyssinica SIL,serif}h1,h2,h3,h4,p,ul{margin-top:0;margin-bottom:0}ul{list-style:none;padding-left:0}button{border:none}input{outline:none}:root{--red: #d85d5d}