:root{--dark-blue:#03045e;--secondary-blue:#0077b6;--primary-blue:#3892c2;--light-blue:#90e0ef;--bg-blue:#caf0f8;--delete-color:#df372b;--divider-color:rgba(0,0,0,0.1);--letter-spacing:0.08rem;--transition:all 0.3s linear;--btn-transition:all 0.125s ease;--radius:0.25rem;--btn-radius:16px;--light-shadow:0 5px 15px rgba(0,0,0,0.1);--dark-shadow:4px 5px 15px rgba(0,0,0,0.4)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{background-color:#03045e;background-color:var(--dark-blue);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}ul{list-style-type:none}a{text-decoration:none}h1,h2,h3,h4{letter-spacing:.08rem;letter-spacing:var(--letter-spacing);text-transform:capitalize;line-height:1.25}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:.875rem}p{color:var(--clr-grey-5);font-size:.9rem}@media screen and (min-width:800px){h1{font-size:4rem}h2{font-size:2.5rem}h3{font-size:1.75rem}body,h4{font-size:1rem}h1,h2,h3,h4{line-height:1}}.btn{display:inline-block;border:none;padding:.4rem 1.25rem;border-radius:16px;border-radius:var(--btn-radius);box-shadow:0 5px 15px rgba(0,0,0,.1);box-shadow:var(--light-shadow);letter-spacing:.08rem;letter-spacing:var(--letter-spacing);font-size:.55rem;transition:all .125s ease;transition:var(--btn-transition);cursor:pointer;font-weight:700;text-transform:uppercase}.icon{padding:0;margin:0;font-size:1rem}section{width:95%;margin:auto;padding:1rem;height:100vh}.container{margin:auto;grid-gap:3rem;gap:3rem;display:grid;display:-moz-grid;display:-ms-grid;place-items:center}@media screen and (min-width:992px){.container{max-width:600px}}.people-list{background-color:#222;border-radius:.25rem;border-radius:var(--radius);width:100%;box-shadow:4px 5px 15px rgba(0,0,0,.4);box-shadow:var(--dark-shadow)}.user-list{display:grid;grid-gap:1rem;gap:1rem}.user-list li{padding:1rem;width:100%;border-bottom:1px solid rgba(0,0,0,.1);border-bottom:1px solid var(--divider-color)}article{display:flex;display:-moz-flex;display:-ms-flex;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;align-items:center;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.person-img{border-radius:50%;width:50px;height:50px;box-shadow:4px 5px 15px rgba(0,0,0,.4);box-shadow:var(--dark-shadow)}.person-info{padding-left:1rem;width:100%}@media screen and (min-width:992px){.person-info{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:grid;display:-moz-grid;display:-ms-grid;display:-webkit-grid}}.person-info .person-action{display:flex;display:-moz-flex;display:-ms-flex;color:#caf0f8;color:var(--bg-blue);align-items:center;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between}.person-info .person-action button{border:none;padding:.2rem .425rem .1rem;background-color:transparent;box-shadow:unset;color:#df372b;color:var(--delete-color)}.person-info .person-action button:hover{background-color:#df372b;background-color:var(--delete-color);color:#fff;box-shadow:var(--ligth-shadow)}article .person-info p{font-size:.78rem;color:#caf0f8;color:var(--bg-blue);font-style:italic;width:100%}.btn-group{display:flex;display:-moz-flex;display:-ms-flex;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;width:100%}.btn-group .btn-reset{background-color:#0077b6;background-color:var(--secondary-blue);color:#caf0f8;color:var(--bg-blue)}.btn-group .btn-reset:hover{background-color:#3892c2;background-color:var(--primary-blue);color:#fff}.btn-group .btn-delete{background-color:transparent;color:#df372b;color:var(--delete-color);border:2px solid #df372b;border:2px solid var(--delete-color)}.btn-group .btn-delete:hover{background-color:#df372b;background-color:var(--delete-color);color:#fff}.btn-aggiungi{background-color:purple;color:#ff0}.btn-aggiungi:hover{background-color:#5a0080;color:#ff0}
/*# sourceMappingURL=main.11dad627.chunk.css.map */