*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,sans-serif;font-size:17px;line-height:1.6;background-color:#fff}em,strong{color:#f75c03}p{padding:.5rem}nav{display:flex;flex-direction:column;margin-bottom:1rem;color:#fff;background-color:#33658a}@media screen and (min-width:385px){nav #nav-toggle{display:none}}nav #nav-toggle{font-weight:700;color:#fff}nav ul{display:flex;flex-direction:column}@media screen and (min-width:385px){nav ul{flex-direction:row;width:100%}}nav ul .separator{flex-grow:2}nav ul li{list-style:none}nav ul li a{display:inline-block;border-bottom:1px solid white;width:100%;text-decoration:none;padding:.5rem;color:#fff;text-align:center;font-weight:700}@media screen and (min-width:385px){nav ul li a{border:none}}.panel{background-color:#fff;margin:1rem;box-shadow:4px 4px 2px #d3d3d3}h1{margin:2rem}form{display:flex;flex-direction:column;align-items:center;border:1px solid lightgray;box-shadow:4px 4px 4px #d3d3d3;padding:1rem;width:80%;margin:auto}@media screen and (min-width:385px){form{margin-top:2rem;max-width:30%}}form li{list-style:none;border:2px dashed red;padding:.5rem}form p{display:flex;flex-direction:column}form input{padding:.5rem;font-size:1.3rem}form input[type=text],form input[type=password]{border:1px solid gray;border-radius:16px;padding:1rem;margin:.5rem}form input[type=submit]{width:100%;border:1px solid black;cursor:pointer;border-radius:16px;padding:1rem;margin:auto;color:#fff;background-color:#33658a}.btn{color:#fff;background-color:#33658a;text-decoration:none;border:1px solid black;border-radius:16px;padding:1rem;margin:.5rem;cursor:pointer;text-align:center;font-size:1.2rem;width:100%}.home-page .admin{background-color:#33658a;color:#fff;width:100%;text-align:center}.home-page section{padding:1.2rem}.home-page section h2{border-bottom:2px solid black}.home-page section ul{display:flex;flex-direction:column;align-items:center}.home-page section ul li{list-style:square}.home-page .carousel{display:inline-block;background-color:gray;border:1px solid black;width:100%;height:200px}@media screen and (min-width:385px){.home-page{max-width:70%;margin:auto;padding:1rem;border:1px solid black;border-radius:16px}.home-page .carousel{display:inline-block;background-color:gray;border:1px solid black;height:200px}}@media screen and (max-width:384px){.prod_list .info{display:none}}@media screen and (min-width:385px)and (max-width:800px){.prod_list .info{display:none}}.prod_list table{width:100%}.prod_list table td{padding:1rem;text-align:center;border-right:1px solid black}.prod_list__actions{display:flex;justify-content:center}.prod_list__actions li{list-style:none}.prod_list__actions li a{display:inline-block;padding:1rem}.prod_list__actions__detail{color:navy}.prod_list__actions__update{color:#ff8c00}.prod_list__actions__delete{color:red}.prod_detail{display:flex;flex-direction:column;width:100%;border:1px solid gray;box-shadow:5px 5px 5px #d3d3d3;text-align:center;padding:2rem}@media screen and (min-width:385px){.prod_detail{width:30%;margin:auto;padding:2rem}}.prod_detail h2{padding-bottom:.5rem}.prod_detail section{display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid black;border-radius:16px;padding:.5rem;margin:.5rem}