@import"https://fonts.googleapis.com/css2?family=Poppins:wght@700&family=Ubuntu:wght@300;400;500&display=swap";.container{display:flex;justify-content:space-between;padding:20px;margin:20px}.form-container{position:fixed;width:100%;min-height:100vh;background-color:#0004;z-index:1;top:0;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(2px)}.close__form{transform:translate(-100%)}.App__btn{font-size:1.2rem;color:#fff;padding:.5em 2em;background-color:#555a88}.user-container{display:flex;width:100%;max-width:1500px;gap:2em;justify-content:center;flex-wrap:wrap;margin-left:auto;margin-right:auto;padding:3em}.form{width:100%;max-width:400px;padding:2em;background-color:#fff;position:relative}.form__x{position:absolute;right:1.5em;font-size:1.2rem;cursor:pointer}.form__x:hover{transform:scale(1.2);transition:transform .1s ease}.form__title{margin-bottom:.5em}.form__div{display:flex;flex-direction:column;gap:.2em;margin-bottom:.8em}.form__div:nth-child(6){margin-bottom:2em}.form__label{position:relative;left:.8em}.form__input{font-size:1rem;font-weight:100;padding:.5em .8em;border-radius:.2em;border:1px solid #aaaa;background-color:#faffff}.form__btn{width:100%;padding:.8em;color:#fff;background-color:#555a88;font-size:1rem}.form__btn:hover{filter:brightness(1.2);transition:filter .1s ease}.card{width:100%;max-width:300px;padding:1.8em 1.5em;border-radius:.5em;border:1px solid #aaa6}.card:hover{transform:scale(1.05);transition:transform .2s ease}.card__title{margin-bottom:.5em;font-size:1.4rem}.card__body{display:grid;gap:.5em;margin-bottom:1.2em}.card__item{display:flex;flex-direction:column;gap:.1em}.card__span{text-transform:uppercase;color:#aaa;font-size:.8rem;position:relative;left:1em}.card__footer{display:flex;justify-content:flex-end;gap:.8em}.card__btn{width:2em;aspect-ratio:1;font-size:1.2rem;padding:.4em;border-radius:.2em}.card__btn__trash{color:#fff;background-color:#d85d5d}.card__btn__edit{color:#aaa;border:1px solid currentColor}.card__btn:hover{box-shadow:0 0 .5em #0004;transition:box-shadow .1s ease}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Poppins,sans-serif;font-family:Ubuntu,sans-serif}h1,h2,h3,p,ul{margin-top:0;margin-bottom:0}ul{list-style:none;padding-left:0}button{display:inline-block;border:none;color:inherit;cursor:pointer}input{outline:none;color:inherit;font-family:inherit}