@import"https://fonts.googleapis.com/css2?family=Handjet&family=Inconsolata:wght@500&family=Poppins&display=swap";#root{text-align:center}:root{--header-height: 3rem;--font-semi: 600;--hue-color: 200;--first-color: hsl(var(--hue-color), 89%, 60%);--second-color: hsl(var(--hue-color), 80%, 52%);--header-color: hsl(220, 100%, 99%);--title-font: "Handjet", cursive;--body-font: "monospace", sans-serif;--big-font-size: 2rem;--h2-font-size: 1.25rem;--normal-font-size: .938rem;--smaller-font-size: .75rem;--mb-2: 1rem;--mb-4: 2rem;--mb-5: 2.5rem;--mb-6: 3rem}@media screen and (min-width: 968px){:root{--big-font-size: 3.5rem;--h2-font-size: 2rem;--normal-font-size: 1rem;--smaller-font-size: .875rem}}.App{min-height:100vh}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--body-font);font-size:var(--normal-font-size);color:var(--first-color);background:linear-gradient(to bottom,#0c0c0c,#005368)}a{text-decoration:none;color:#fff}img{max-width:100%;height:auto}ul,ol{padding:.5rem;list-style:none}section{padding-top:80px}.container{max-width:1120px;margin-inline:1.5rem}h1,h3,.form__btn,.btn{font-family:var(--title-font)}h1{display:flex;justify-content:center;font-size:var(--big-font-size);color:#fff;padding-top:1rem}span,h3{color:var(--second-color);font-size:1.5rem}form{margin-bottom:1rem}.form__input{margin:.3rem;font-size:1rem;height:2rem;border:1px solid #ccc;border-radius:0;padding:5px}.form__input:focus{outline:none;border-color:var(--first-color);box-shadow:0 3px 1px var(--second-color)}.form__input::placeholder{padding-left:.5rem}.form__btn{min-width:5rem;font-size:1.5rem;margin:.5rem;padding:.5rem;border:none;box-shadow:0 5px 1px #000;background-color:var(--second-color);cursor:pointer;transition:transform .3s ease}.form__btn:disabled{opacity:.5}.form__btn:not(:disabled):hover{transform:translateY(3px);box-shadow:0 1px 1px #000}.form__btn:not(:disabled):active{transform:translateY(6px);box-shadow:none}.table{min-height:13rem}.table-container{max-width:100%;overflow-x:auto;display:flex}table{max-width:100%}thead{gap:1rem}th{padding:.5rem}tr:nth-child(odd){background-color:#161616}tr:nth-child(2n){background-color:#1f1f1f}td{padding:0rem .5rem}.btns__td{padding:0}.edit__btn{background-color:var(--second-color);background-color:hsla(var(--hue-color),80%,52%,.7)}.delete__btn{background-color:#5f0000b3}.btn{border:none;padding:.5rem 1rem;color:#fff;font-size:var(--normal-font-size);cursor:pointer;overflow:hidden;min-width:100%}p{color:#161616;font-weight:700;margin:.5rem 0;padding:.5rem;background-color:var(--second-color)}@media screen and (min-width: 500px){.table-container{justify-content:center}}@media screen and (min-width: 1025px){.container{margin-inline:auto}span{font-size:2.5rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}