@import"https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;600;700;800&display=swap";.app_form{width:100%;height:100vh;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;background-color:#0005;backdrop-filter:blur(2px);transform:scale(0);transition:transform .2s ease}.app_title{text-align:center;margin-bottom:.7em;font-size:2.5rem}.app_form-visible{transform:scale(1)}.form{padding:1.2em;width:100%;max-width:400px;background-color:#fff;height:max-content;border-radius:.7em;position:relative}.form_title{font-size:1.5rem;margin-bottom:.6em}.form_x{position:absolute;right:1.5em;top:1em;font-size:1.3rem;cursor:pointer;color:red;transition:transform .1s ease}.form_x:hover{transform:scale(1.5)}.form_item{display:flex;flex-direction:column;gap:.3em;margin-bottom:.8em}.form_label{color:#000;padding-left:1em}.form_input{padding:.4em .8em;font-family:inherit}.form_btn{width:100%;padding:.8em;background-color:#475678;color:#fff;border-radius:.3em;cursor:pointer}.app_h1_btn{padding:2%;width:100%;gap:15rem;display:flex;align-items:center;justify-content:center}.app_btn-form{width:150px;font-size:.8rem;margin-bottom:.1em;padding:1em;background-color:#475678;color:#fff;border-radius:.3em;cursor:pointer}.app_card{display:flex;flex-wrap:wrap;gap:30px 80px;justify-content:center;max-width:1400px;margin-left:auto;margin-right:auto}.card{padding:1.2em;width:100%;max-width:350px;background-color:#e6e6df;border-radius:1em}.card_name{font-size:1.5rem}.card_list{gap:.3em;margin-bottom:.8em}.card_mail,.card_Birthday{display:block;list-style:none;padding:.3em}.card_btn_delete{margin-left:auto;height:2.5em;background-color:#f84848;display:block}.card_btn_update{top:0;margin-left:auto;height:2.5em;background-color:#d5d5d6;display:block}.card_btn{display:grid;gap:10px 40px}*{box-sizing:border-box}body{margin:0;font-family:Dosis,sans-serif}img{display:block;width:100%}h1,h2,h3,h4,p,ul{font-size:1.3rem;margin-top:0;margin-bottom:0}button{border:none}input{outline:0}