*{margin:0;padding:0;font-family:Arial,Arial Narrow,Helvetica,sans-serif}body{min-height:100vh}nav ul{width:100%;list-style:none;display:flex;justify-content:flex-end;align-items:center}nav li{height:45px}nav a{height:100%;padding:0 30px;text-decoration:none;display:flex;align-items:center;color:#000;font-weight:700}nav a:hover{text-decoration:underline;cursor:pointer}nav a.active{text-decoration:none}.sidebar{position:fixed;top:0;right:0;height:100vh;width:250px;z-index:999;background-color:#fff;box-shadow:-8px 0 8px #2828289a;flex-direction:column;display:none;justify-content:flex-start;align-items:flex-start}.sidebar.open{display:flex}.sidebar li{width:100%;font-size:22px}.sidebar a{width:100%;color:#000}@media(max-width:800px){.hideOnMobile{display:none}}@media(max-width:400px){.sidebar{width:100%}}@media(min-width:801px){.hamburgerMenu{display:none}nav ul{justify-content:center;margin:0 auto;width:70%;padding:20px;font-size:22px}}footer{display:flex;flex-direction:column;align-items:center;color:#fff;z-index:1;position:fixed;bottom:0;left:0;width:100%;padding-bottom:12px}.socials{list-style-type:none;display:flex;gap:30px;padding-bottom:20px}.socials a{font-size:30px;color:#fff}footer p{font-size:12px;text-align:center;width:90%}.home-page{background-color:#1b4ca3;min-height:100vh}#video,#musicBtn{display:none}.logo{position:fixed;top:50%;left:51%;transform:translate(-50%,-50%);z-index:1}#nwjsLogo{height:150px}@media(min-width:801px){.home-page{background-color:transparent}#video{display:block;position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;object-fit:cover;z-index:-1}#musicBtn{display:block;position:fixed;top:20px;right:20px;background-color:#4b515a50;border:none;border-radius:100%;padding:5px 10px;cursor:pointer;z-index:10}#musicBtn:hover{background-color:#4b515a}#nwjsLogo{height:200px}}.product{width:230px;display:flex;flex-direction:column;align-items:center;z-index:1}.product img{height:200px;margin:20px 0}.productName{text-align:center}.description{font-size:15px;color:#4e4e4e;text-align:center}.price{margin-top:20px}.addCartBtn,.removeCartBtn{border:none;padding:8px;border-radius:5px;margin-top:10px;background-color:#000;color:#fff;font-weight:500}.addCartBtn:hover,.removeCartBtn:hover{cursor:pointer;background-color:#4d4c4c}.mainContent{display:flex}.productList{position:relative;left:45%;padding:5px}.filterBar{display:flex;flex-direction:column;position:fixed;left:0;height:100vh;padding:15px;border-right:1px solid rgba(212,211,211,.894)}.filterSection{display:flex;flex-direction:column;margin:8px;gap:10px}.filterSection label{display:flex;align-items:center;cursor:pointer;font-size:14px}.filterSection label:hover{color:#333}.filterSection input[type=radio],.filterSection input[type=checkbox]{margin-right:8px;cursor:pointer}.filterSection h3{font-size:16px;margin-bottom:0;font-weight:700}@media(min-width:1024px){.product img{height:250px;margin:20px 0}}@media(min-width:768px){.productList{left:30%}.productContainer{display:grid;grid-template-columns:1fr 1fr;gap:20px}}@media(min-width:801px){.productList{left:20%}.productContainer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}}@media(min-width:1024px){.productList{left:18%}.productContainer{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:100px}}.contact-page{background-color:#b4ceed;min-height:100vh;position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}main.container{position:fixed;top:45%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;width:80%}form{display:flex;flex-direction:column;width:100%;gap:12px}h1{padding:20px;color:#fff}form input,form textarea{font-size:18px;padding:8px;border-radius:5px;border:1px solid grey}textarea{height:120px;font-family:Arial,Arial Narrow,Helvetica,sans-serif}form button{font-size:16px;border:1px solid rgb(167,166,166);border-radius:5px;width:80px;margin-top:24px;padding:8px;cursor:pointer}form button:hover{background-color:#bab7b7}@media(min-width:768px){main.container{width:60%}}@media(min-width:801px){.contact-page{background-image:url(/images/nwjsbg2.jpeg);background-position:center;background-repeat:no-repeat;background-size:cover}main.container{width:28%}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}