header{display:flex;justify-content:space-between;padding:1rem;font-size:1.5rem}header label{font-weight:600}nav{display:flex;gap:1.5rem;margin-right:1rem}nav a{color:#ffffffde;text-decoration:inherit;transition:all .3s}nav a:hover{color:#646cff}@media (max-width: 375px){header{flex-direction:column;align-items:center}}footer{width:100%;padding:1rem;font-weight:600;margin-top:2rem;text-align:center}h1{font-size:3.2em;font-weight:300}.section__cards{display:flex;flex-wrap:wrap;justify-content:space-around;gap:2rem;padding:2rem}.section__list{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:1rem}.list{display:flex;flex-direction:column;gap:1rem;width:55rem}.list__header{display:grid;grid-template-columns:4fr 1fr;background-color:#1c1a1d;padding:1rem;font-size:1.2rem;font-weight:600;box-shadow:0 0 .5rem #1c1a1d}.running-out-header{grid-template-columns:3fr 1fr 1fr}.card{display:flex;flex-direction:column;background-color:#1c1a1d;width:25rem;height:12rem;padding:1rem;border-radius:.4rem;box-shadow:0 0 .5rem #1c1a1d}.card__title{margin-left:1rem;font-weight:600;font-size:1.3rem}.card__content{margin:auto;text-align:center;font-size:5rem}.resume-item{display:grid;grid-template-columns:3fr 1fr 1fr;padding:1rem;align-items:center}.nav-item{padding:1rem}.nav-item div{display:flex;gap:2rem;padding:1rem}.nav-item div a{font-size:1.1rem;font-weight:500;text-decoration:none;color:#ffffffde;transition:all .3s}.nav-item div a:hover{color:#646cff}@media (max-width: 375px){.nav-item{text-align:center}.nav-item div{justify-content:center}}.all-items{display:flex;flex-direction:column;gap:1rem;width:100%;padding:1rem}.all-items__header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:.5rem;background-color:#1c1a1d;padding:1rem;font-size:1.2rem;font-weight:600;box-shadow:0 0 .5rem #1c1a1d}.item{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:.5rem;padding:1rem;align-items:center}.item div{display:flex;gap:.5rem}@media (max-width: 767px){.all-items__header,.item{display:flex;flex-wrap:wrap;justify-content:space-between}}@media (max-width: 680px){.all-items__header,.item{justify-content:center}}.new-item{display:flex;flex-direction:column;align-items:center}.input-section{display:flex;flex-wrap:wrap;gap:2rem;padding:1rem;justify-content:center}.new-item__input{display:flex;flex-direction:column}.new-item__input label{margin-bottom:.5rem;font-weight:500}.new-item__input input,.new-item__input textarea,.new-item__input select{width:18rem;padding:1rem;border:2px solid transparent;border-radius:.3rem;background-color:#1c1a1d;box-shadow:0 0 .5rem #1c1a1d}.new-item__input input:focus,.new-item__input input:focus-visible,.new-item__input textarea:focus,.new-item__input textarea:focus-visible,.new-item__input select:focus,.new-item__input select:focus-visible{border:2px solid #646cff;outline:none}.new-item__input textarea{width:78rem;height:13rem;margin-bottom:1rem}@media (max-width: 1311px){.new-item__input textarea{width:58rem;height:13rem}}@media (max-width: 991px){.new-item__input textarea{width:38rem;height:13rem}}@media (max-width: 671px){.new-item__input textarea{width:18rem;height:13rem}}h2{font-weight:400;margin-left:1rem}.show-items__header{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;padding:.5em}.show-items__header span{font-size:1.5rem;margin-right:1rem}.show-items__header div{display:flex;gap:.8rem}.show-items__content{margin-top:2rem}.show-items__content label{padding:1rem 1.3rem;border-radius:.3rem;background-color:#1c1a1d;box-shadow:0 0 .5rem #1c1a1d;font-weight:500}.show-items__content span{font-weight:400}.show-items__content p{margin:2rem 0}.content-informations{display:flex;flex-wrap:wrap;gap:3rem}.content-dates{display:flex;flex-wrap:wrap;gap:1rem}button{width:5rem;border-radius:.3rem;border:1px solid transparent;padding:.5rem;color:#1c1a1d;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#242424}button:focus,button:focus-visible{outline:1px auto -webkit-focus-ring-color}.showBtn{background-color:#fefefe;width:3rem}.updateBtn{background-color:#5ba7fd}.deleteBtn{background-color:#ff5258}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}.content{min-height:83vh}main{padding:0 1rem}@media (max-width: 375px){h1{text-align:center}}