:root{--BLUE: #1e90ff;--GREEN: green;--RED: red;--BLUE-HOVER: #187bcd;--GREEN-HOVER: #008000;--RED-HOVER: #ff0000;--BORDER: #c5c1c1}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}body{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.overflow-hidden{overflow:hidden}::-webkit-scrollbar{width:.6rem}::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:1rem}::-webkit-scrollbar-thumb{background-color:#c5c1c1;border-radius:1rem}::-webkit-scrollbar-thumb:hover{background-color:#b0a2a2}.button{padding:.5rem 1rem;border-radius:.5rem;background-color:var(--BLUE);color:#fff;font-weight:bolder;cursor:pointer}.button:hover{background-color:var(--BLUE-HOVER)}.secondary-button{background-color:var(--GREEN)}.secondary-button:hover{background-color:var(--GREEN-HOVER)}.danger-button{background-color:var(--RED)}.danger-button:hover{background-color:var(--RED-HOVER)}.text-red{color:red}.checkbox-div{display:flex;gap:1rem}.checkbox-div>input{cursor:pointer;height:1rem;width:1rem}.nav__desktop-nav{display:flex;gap:1rem;align-items:center}.nav__mobile-links{display:flex;flex-direction:column;justify-content:center;gap:.5rem;font-size:xx-large;font-weight:bolder;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff;align-items:center}.nav__mobile-links a,.nav__mobile__logout-button{font-size:1.5rem;padding:1rem 1rem 2rem;text-decoration:none;text-align:center;background:inherit;border:none;font:inherit;cursor:pointer;color:inherit}.nav__mobile-links a:not(:nth-last-child(1)){border-bottom:2px solid black}.nav__desktop-nav a{font-size:.8rem;text-decoration:none;color:inherit;border-radius:.5rem;box-shadow:0 0 1px #000;padding:.5rem;text-align:center}.nav__desktop__logout-button{background:inherit;border:none;font:inherit;cursor:pointer;font-size:.8rem;color:inherit;border-radius:.5rem;box-shadow:0 0 1px #000;padding:.5rem}.nav__logout-button:hover,.nav__desktop-nav a:hover{background-color:#f8f8ff}.nav__mobile-close-button{position:fixed;top:1rem;cursor:pointer;right:1rem;border:none;background:inherit}.nav__mobile-close-button:hover{cursor:pointer}.nav__mobile-open-button{display:none;position:fixed;cursor:pointer;top:1rem;right:1rem;border:none;background:inherit}.nav__mobile-open-button:hover{cursor:pointer}@media screen and (max-width: 600px){.nav__desktop-nav{display:none}.nav__mobile-open-button{display:block;cursor:pointer}}.header{position:fixed;top:0;left:0;width:100vw;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid rgb(202,202,202)}.header__logo{font-size:large;font-weight:700}.header__logo a{text-decoration:none;color:inherit}.public{padding:1rem;display:flex;flex-direction:column;align-items:center;gap:3rem}.public__hero{margin-top:3rem;display:flex;align-items:center;flex-direction:column;text-align:center;gap:1rem}.public__browse-items-button{padding:.5rem;border-radius:.5rem;cursor:pointer;font-weight:bolder;color:#fff;background-color:green}.public__more-items-button{padding:.5rem;cursor:pointer;border-radius:.5rem;font-weight:bolder;color:#fff;background-color:green}.item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.item__img{max-width:15rem;max-height:15rem;border-radius:1rem}.item__description{padding:.5rem;text-align:center;word-wrap:wrap;word-break:break-all}.item__add-to-cart-button{padding:.5rem;border-radius:.5rem;font-weight:bolder;background-color:#038ae3;color:#fff;cursor:pointer}.items{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;gap:3rem}.items-list{display:grid;grid-template-columns:1fr 1fr;gap:2rem;text-align:center}.items-list__loading,.items-list__error{padding:2rem;width:90vw;display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:bolder}@media screen and (max-width: 700px){.items-list{grid-template-columns:1fr}}.item-page{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem}.item-page__img{margin:1rem;max-width:20rem;border-radius:1rem}.item-page__add-to-cart-button{padding:.2rem;cursor:pointer}.item-page__loading,.item-page__error{display:flex;padding:1rem;justify-content:center;align-items:center;font-size:1.5rem;font-weight:bolder}@media screen and (max-width: 768px){.item-page__img{max-width:15rem}}.missing{margin:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.missing__link{display:block;margin:0 auto;border-radius:1rem;text-decoration:none;color:inherit;border:1px solid grey;padding:.5rem}.missing__link:hover{background-color:#ece9e9}.login{display:flex;flex-direction:column;align-items:center;margin:2rem auto;gap:1rem}.login__form{padding:1.5rem 4rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;border:1px solid rgb(151,151,151);border-radius:1rem}.login__form>input{padding:.3rem;border-radius:.5rem;border:1px solid rgb(151,151,151);font-size:1rem;outline:none;width:100%}.login button{padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-weight:bolder;color:#fff}.login__login-button{margin-top:.5rem;background-color:var(--BLUE)}.login__register-button{background-color:var(--GREEN)}.login__hint{display:flex;flex-direction:column;align-items:center;justify-content:center}.users-list{margin:1.5rem auto;text-align:center;display:flex;justify-content:center}.users-list__links-list{display:flex;flex-direction:column;align-items:center}.users-list__add-user-button{padding:.2rem;position:fixed;right:1rem;cursor:pointer}.user{display:flex;flex-direction:column;align-items:center;border:1px solid #ccc;border-radius:1rem;padding:1rem;margin:1rem;width:20rem}.user__buttons{display:flex;justify-content:center;gap:1rem;margin:1rem}.user__edit-button{padding:.5rem;background-color:#038ae3;border-radius:.5rem;color:#fff;font-weight:bolder;cursor:pointer}.user__delete-button{padding:.5rem;border-radius:.5rem;cursor:pointer;background-color:red;font-weight:bolder;color:#fff}.new-user__form{display:flex;flex-direction:column;align-items:center;gap:.5rem}.new-user__form>input{padding:.3rem;border-radius:.5rem;border:1px solid var(--BORDER);font-size:1rem;outline:none;width:100%}.new-user{display:flex;gap:1rem;flex-direction:column;justify-content:center;align-items:center}.new-user__buttons{margin-top:.5rem;display:flex;align-items:center;gap:1rem}.user-page{text-align:center;display:flex;flex-direction:column;align-items:center}.new-item{display:flex;align-items:center;flex-direction:column;gap:1rem}.new-item__form{display:flex;gap:.5rem;align-items:center;flex-direction:column}.new-item__buttons{display:flex;justify-content:center;gap:1rem;align-items:center;width:100%;margin:1rem}.new-item__input-container{display:flex;align-items:center;flex-direction:column;font-weight:bolder;gap:.5rem;width:100%;justify-content:space-between}.new-item__input-container textarea,.new-item__input-container input{padding:.3rem;border-radius:.5rem;border:1px solid var(--BORDER);font-size:1rem;outline:none;width:100%}.edit-user{text-align:center}.edit-user{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.edit-user-form{display:flex;flex-direction:column;align-items:center;gap:.5rem}.edit-user-form>input{padding:.3rem;border-radius:.5rem;border:1px solid var(--BORDER);font-size:1rem;outline:none;width:100%}.edit-user__buttons{margin-top:.5rem;display:flex;align-items:center;gap:1rem}.register{display:flex;flex-direction:column;align-items:center;margin:2rem auto;gap:1rem}.register__form{padding:1.5rem 4rem;display:flex;flex-direction:column;gap:.5rem;border-radius:1rem;align-items:center;border:1px solid #ccc}.register__form input{padding:.3rem;border:1px solid #ccc;border-radius:.5rem;font-size:1rem;outline:none}.register__form button{padding:.5rem;border-radius:.5rem;cursor:pointer;font-weight:bolder;color:#fff;margin-top:.5rem;background-color:var(--GREEN)}.cart{display:flex;flex-direction:column;align-items:center;min-height:100vh}.cart__heading{text-align:center;padding:2rem}.cart__img{max-width:15rem;aspect-ratio:1/1;object-fit:cover;max-height:15rem;border-radius:1rem}.cart__user-items-list{display:grid;gap:1rem;word-break:break-all;grid-template-columns:1fr 1fr}.cart__user-item{display:flex;gap:.5rem;flex-direction:column;align-items:center;justify-content:center}.cart__description{text-align:center}.cart__footer{position:fixed;display:flex;justify-content:space-around;align-items:center;background-color:#fff;border-top:1px solid rgb(202,202,202);bottom:0;height:3rem;width:100%;left:0}.cart__user-item__remove-button,.cart__remove-all-button{padding:.5rem;background-color:red;color:#fff;font-weight:bolder;cursor:pointer;border-radius:.5rem}.cart__buy-items-button{padding:.5rem;background-color:green;color:#fff;font-weight:bolder;cursor:pointer;border-radius:.5rem}.cart__empty-cart{font-size:larger;font-weight:700;text-align:center;padding:2rem}@media screen and (max-width: 768px){.cart__user-items-list{grid-template-columns:1fr}}.checkout{display:flex;flex-direction:column;gap:1rem;align-items:center}.manage-items__items-list{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem;justify-content:center}.manage-items__main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4rem}.manage-items__item-div{display:flex;flex-direction:column;align-items:center;justify-content:center}.manage-items__head{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.manage-items__add-item-button{padding:.5rem;cursor:pointer;border-radius:.5rem;background-color:#038ae3;color:#fff;font-weight:bolder}.manage-items__remove-item-button{padding:.5rem;cursor:pointer;background-color:red;color:#fff;font-weight:bolder;border-radius:.5rem;margin-bottom:1rem}.manage-items__edit-item-button{padding:.5rem;cursor:pointer;border-radius:.5rem;margin:1rem 0 .5rem;background-color:#038ae3;color:#fff;font-weight:bolder}@media screen and (max-width: 1000px){.manage-items__items-list{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 768px){.manage-items__items-list{grid-template-columns:1fr}}.edit-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.edit-item-form{display:flex;text-align:center;justify-content:center;flex-direction:column;gap:.5rem}.edit-item-form>input,.edit-item-form>textarea{padding:.3rem;border-radius:.5rem;font-size:1rem;border:1px solid var(--BORDER);width:100%;outline:none}.edit-item-form>textarea{height:10rem}@media screen and (max-width: 768px){.edit-item-form>textarea{width:80vw}}.admin__not-logged{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70vh;gap:2rem}.admin__not-logged p{font-size:1.5rem;font-weight:bolder;max-width:50vw;text-align:center}.admin__not-admin{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70vh;gap:2rem}.admin__not-admin p{font-size:1.5rem;font-weight:bolder;max-width:50vw;text-align:center}.admin{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70vh;gap:2rem}.admin__links{display:flex;align-items:center;justify-content:center;text-align:center;gap:2rem}.admin__link{font-size:2.5rem;padding:3rem;width:100%;font-weight:bolder;text-transform:uppercase;border-radius:1rem;border:1px solid var(--BORDER)}.admin__link:hover{background-color:#f5f5f5}@media screen and (max-width: 768px){.admin__links{flex-direction:column}}