@import url(https://fonts.googleapis.com/css2?family=Heebo&family=Hind+Siliguri&family=Roboto&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Fjalla+One&family=Pathway+Gothic+One&family=Yanone+Kaffeesatz&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background-color:#171618}.app-container{display:flex;flex-direction:column;gap:10px;justify-content:center;margin-left:auto;margin-right:auto;padding:1.5rem;width:90%}.nav-container{background-image:linear-gradient(62deg,#28313a,#171618);left:0;padding:16px 22px;position:fixed;right:0;top:0;z-index:99}.nav-container h1{color:#fff;font-family:Pathway Gothic one,sans-serif;font-size:28px}.header-container{font-family:Fjalla One,sans-serif;font-size:2.5rem;margin-top:5rem;text-align:center}.header-container h3{color:#fff;text-align:center}table{border:1px solid #000;border-collapse:collapse;margin-top:2rem;width:100%}th{background-color:#28313a;color:#fff;font-family:Roboto,sans-serif;padding:10px}th,tr{text-align:left}tr{background-color:#fff}td{align-items:center;font-family:Hind Siliguri,sans-serif;padding:5px}.read-only-rows{transition:.5s}.read-only-rows:hover{background-color:hsla(0,0%,100%,.9)}.read-only-rows .edit-button{background-color:#add8e6;border:none;font-size:25px;padding:1px 10px}.read-only-rows .delete-button,.read-only-rows .edit-button{border-radius:5px;cursor:pointer;text-decoration:none;transition:.3s}.read-only-rows .delete-button{background-color:#ff9090;border-style:none}.read-only-rows .delete-button:hover{background-color:#f55}.read-only-rows .edit-button:hover{background-color:#6bb5ce}.editable-row .save-button{background-color:#add8e6;width:25%}.editable-row .cancel-button,.editable-row .save-button{border-radius:5px;border-style:none;cursor:pointer;display:block;transition:.3s}.editable-row .cancel-button{background-color:#ff9090;width:40%}form{display:flex;flex-wrap:wrap;gap:5px}.form-header{color:#fff;font-family:Hind Siliguri,sans-serif;font-size:1.5rem;font-weight:600;margin-top:35px}form td:last-child{display:flex;justify-content:space-evenly}form *{font-size:28px}.input-form-container{border:none;display:flex;transition:.4s}.input-form-container input{display:flex}.input-form-container input:hover{background-color:#e4e4e4}.input-form-container button{background-color:#000;border:1px solid #fff;border-radius:5px;color:#fff;cursor:pointer;padding:5px 20px;text-align:center;text-decoration:none}.footer{color:#afafaf;font-family:Heebo,sans-serif;margin:2rem;padding:2rem;position:relative;text-align:center}
/*# sourceMappingURL=main.cc343f59.css.map*/