.image{height:750px;padding-bottom:80px;padding-top:30px;width:530px}.container{display:flex;justify-content:center}@media (max-width:768px){.image{height:490px;padding-bottom:40px;padding-top:40px;width:360px}}.login-container{height:100%;padding-bottom:162px;padding-top:70px;width:100%}.login-box,.login-container{align-items:center;display:flex;justify-content:center}.login-box{border:1px solid rgba(0,0,0,.384);border-radius:10px;flex-direction:column;height:400px;width:600px}.input-container{margin-bottom:20px}.input-control{border:1px solid #ccc;border-radius:6px;font:inherit;max-width:100%;padding:.5rem;width:20rem}.signin-button{background-color:#000;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;padding:10px;text-align:end}.p{margin-bottom:-20px;padding-top:20px}.input-error{border-color:red;outline:none}.error-message{color:red;font-size:12px;margin-top:5px}.sneaker-detail-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:auto;max-width:1200px;padding:183px}.image-container{flex:1 1;max-width:500px;text-align:center}.sneaker-image{border-radius:10px;box-shadow:0 4px 10px #0000001a;height:auto;max-width:400px;width:100%}.info-container{flex:1 1;max-width:500px;text-align:center}h2{font-size:2rem;margin-bottom:10px}.price{color:#28a745;font-size:1.5rem;font-weight:700}.sizes{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:15px}.size-badge{background-color:#007bff;border-radius:5px;color:#fff;font-size:1rem;font-weight:700;padding:8px 12px}@media (max-width:768px){.sneaker-detail-container{flex-direction:column;padding:50px;text-align:center}.image-container{max-width:100%}.sneaker-image{max-width:80%}.info-container{max-width:100%}h2{font-size:1.7rem}.price{font-size:1.3rem}.size-badge{font-size:1rem;padding:6px 10px}}.card-container{height:950px}.container404{padding:271px;text-align:center}.navbar{align-items:center;background-color:#444;color:#fff;display:flex;justify-content:space-between;left:0;padding:19px 20px;position:fixed;top:0;width:100%;z-index:10}.navbar-right{display:flex;list-style:none;margin:0;padding-right:45px}.menu-icon{color:#fff;cursor:pointer;display:none;font-size:24px}.navbar-right li{margin-left:25px}.title{color:#fff;cursor:pointer;font-weight:700;text-decoration:none}.navbar-title{display:flex;font-size:25px;list-style:none;margin:0;padding:0}.navbar-right a{color:#fff;cursor:pointer;font-size:21px;height:100%;text-decoration:none}.navbar-right a:hover{border-bottom:4px solid #fff;transition:all .2s ease-out}.navbar-right.active{background-color:#333;display:flex;flex-direction:column;padding:20px 0;position:absolute;right:0;text-align:center;top:75px;width:100%;z-index:999}.navbar-right.active li{margin:10px 0}@media screen and (max-width:768px){.menu-icon{cursor:pointer;display:block;font-size:1.8rem;padding-right:20px;position:absolute;right:0;top:0;transform:translate(-100%,40%)}.navbar-right{display:none}}.footer-container{align-items:center;background-color:#444;color:#fff;display:flex;justify-content:center;padding:45px 0;text-align:center;width:100%;z-index:1000}p{margin-bottom:0}.banner-container{align-content:center;background-color:#cd5c5c;color:#fff;height:200px;justify-items:center;padding-top:100px}.wraper{background-color:#add8e6}@media (min-width:640px){.results-container{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.results-container{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.results-container{grid-template-columns:repeat(4,1fr)}}h3{background:#000;border-bottom:3px solid #ff5733;border-radius:1px;box-shadow:3px 3px 10px #0000001a;color:#fff;display:flex;font-size:26px;font-weight:700;justify-content:center;letter-spacing:2px;padding:15px;text-transform:uppercase}.add-form{background:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:20px auto;padding:20px;text-align:center;width:70%}.add-form h4{color:#333;font-size:18px;margin-bottom:15px}.form-input{border:1px solid #ccc;border-radius:5px;display:block;font-size:16px;margin-bottom:12px;padding:12px;transition:all .3s ease;width:100%!important}.form-input:focus{border-color:#007bff;box-shadow:0 0 6px #007bff80;outline:none}.form-buttons{display:flex;justify-content:space-between;margin-top:10px}.btn{border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:700;padding:8px 15px;transition:all .3s ease}.btn-cancel{background-color:#dc3545}.btn-cancel:hover{background-color:#c82333}.wraper{background-color:#5f9ea0}.btn-add{background-color:green;border-radius:15px;color:#fff;font-weight:700;padding:16px}.searchbar-container{display:flex;justify-content:center;padding-top:30px}.results-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-content:center;margin:0 auto;max-width:1200px;padding-bottom:70px;padding-top:50px}@media (max-width:768px){.form-buttons{flex-direction:column;gap:10px}.searchbar-container{align-items:center;flex-direction:column}.btn-add{max-width:100%}.results-container{justify-items:center}}.logout-button{display:flex;justify-content:right;padding-right:10px;padding-top:10px}button{background-color:darkred;border:none;border-radius:5px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:all .3s ease}.card-container{align-items:center;background-color:#fff;border:2px solid #ddd;border-radius:10px;box-shadow:4px 4px 10px #0000001a;display:flex;flex-direction:column;height:550px;justify-content:space-between;padding:16px;transition:transform .2s ease-in-out;width:250px}.card-image{border-radius:6px;height:200px;width:200px}.edit-form{display:flex;flex-direction:column;gap:8px;margin-top:10px}.edit-form input{border:1px solid #ccc;border-radius:5px;font-size:14px;padding:8px}.card-buttons{display:flex;gap:10px;margin-top:10px}.btn-save{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 12px;transition:.3s}.btn-save:hover{background-color:#218838}.btn-edit{background-color:#ff0;color:#000}.btn-delete{background-color:red;color:#000}.btn-cancel{background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 12px;transition:.3s}.btn-cancel:hover{background-color:#5a6268}
/*# sourceMappingURL=main.8c772fd1.css.map*/