@import url(https://fonts.googleapis.com/css2?family=Pacifico&family=Roboto&display=swap);.home{font-family:Roboto,sans-serif;position:relative;width:100%}.home>.vid{height:70vh;left:0;object-fit:cover;z-index:-12}.home>.vid,.products{position:inherit;width:100%}.products{background-color:#f5f5f5;display:grid;grid-template-columns:repeat(4,1fr);top:70%}.card{align-items:center;background-color:whites;background-color:#fffbfb;border-radius:5%;box-shadow:1px 1px 1px 1px #dbd6cf;display:flex;flex-direction:column;justify-content:center;margin:20px;overflow:hidden;padding:15px;transition:.4s}.card:hover{background-color:#fff;box-shadow:2px 2px 2px 2px #ddd7d7;-webkit-transform:scale(1.05);transform:scale(1.05)}.card>img{border-radius:5%;height:32vh;width:95%}.card>button{background-color:#e9e3e3;border:none;border-radius:10px;box-shadow:2px 2px 2px 2px #d4d3db;color:#070749;font-weight:900;letter-spacing:2px;padding:8px;transition:.1s;width:90%}.card>button:hover{background-color:#4763ff;box-shadow:2px 2px 2px 2px #e1e2e6;color:#110d0d;cursor:pointer;-webkit-transform:scale(1.03);transform:scale(1.03)}.card>button:focus{background-color:red;box-shadow:2px 2px 2px 2px #8b6464;color:#fff}.container{align-items:center;background-color:#ece2e2;border-radius:50px;display:flex;justify-content:space-around;margin:0;width:100%}.container>.category{display:flex;justify-content:space-evenly;padding:5px}.container>.category>button{background:transparent;border:none;border-radius:10px;font-size:15px;font-weight:600;letter-spacing:1px;margin:20px;padding:10px}.container>.category>button:hover{background-color:#fff;box-shadow:2px 2px 2px 2px #272525;color:#09022e;cursor:pointer}.container>.sort{display:flex;justify-content:space-evenly;padding:5px}.container>.sort>p{font-size:15px;font-weight:700;letter-spacing:1px;margin:auto}.container>.sort>button{background:transparent;border:none;border-radius:10px;font-size:15px;font-weight:600;letter-spacing:1px;margin:20px;padding:10px}.container>.sort>button:hover{background-color:#fff;box-shadow:2px 2px 2px 2px #272525;color:#14002b;cursor:pointer}.Navbar{align-items:center;background-color:#140101;box-shadow:0 35px 30px -25px #000;display:flex;height:20vh;justify-content:space-between;margin:0;padding:0;width:100%}.Navbar>.logo{padding:20px}.Navbar>.logo>img{background:transparent;height:200px;margin-left:20px;margin-top:30px;overflow:hidden;white-space:nowrap;width:200px}.Navbar>.navLinks{align-items:center;display:flex;height:18vh;justify-content:space-evenly;width:20%}.Navbar>.navLinks>#home{align-items:center;border-radius:10px;color:#fff;display:flex;font-family:Roboto;font-size:25px;font-weight:700;height:7vh;justify-content:center;margin-right:30px;position:relative;text-decoration:none;transition:all .1s;width:30%}.Navbar>.navLinks>#home:hover{background-color:#e2cbcb;box-shadow:5px 5px 10px -5px #8f8989;color:#000;cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}.Navbar>.navLinks>.nav-login{align-items:center;border-radius:10px;color:#fff;display:flex;font-family:Roboto;font-size:25px;font-weight:700;height:7vh;justify-content:center;margin-right:30px;position:relative;text-decoration:none;transition:all .1s;width:30%}.Navbar>.navLinks>.nav-login:hover{background-color:#e2cbcb;box-shadow:5px 5px 10px -5px #8f8989;color:#000;cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}.Navbar>.navLinks .cartLogoclass{align-content:center;background:transparent;display:grid;height:10vh;margin-bottom:40px;position:relative;width:30%}.Navbar>.navLinks .cartLogoclass:hover{color:#0c0c0c;cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}.Navbar>.navLinks .cartLogoclass>.orderNumber{color:#3f0;font-family:Roboto;font-size:25px;font-weight:900;margin-left:45px;margin-top:10px;position:absolute;z-index:10}.Navbar>.navLinks .cartLogoclass>.cartlogo{align-items:center;color:#f5f5f5;display:flex;height:15vh;justify-content:center;padding:5px;position:absolute;width:80%;z-index:7}.cartHome{background-color:#f5f5f5;display:grid;grid-template-columns:2fr 1fr;margin:0;padding:0}.cartHome,.cartHome>main{width:100%}.cartHome>aside{background-color:#fff;border:none;border-radius:10px;box-shadow:1px 1px 1px 1px #c0bcbc;display:flex;flex-direction:column;height:360px;justify-content:center;margin:20px;padding:4rem;position:relative}.cartHome>aside>h4{color:#3a3939;letter-spacing:1px;margin:0;padding:10px}.cartHome>aside>h3{border-top:1px solid #7c7878;padding:1rem}.cartHome>aside>button{background-color:pink;border:none;box-shadow:1px 1px 1px 1px #dd9393;font-weight:900;padding:10px;transition:all .2s}.cartHome>aside>button:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.cartItem{align-items:center;background-color:#fff;border:none;border-radius:10px;box-shadow:1px 1px 1px 1px #c0bcbc;display:flex;height:35vh;justify-content:space-evenly;margin:20px;overflow:hidden;padding:20px}.cartItem>img{margin:5px;width:30%}.cartItem>.button{display:flex;justify-content:space-evenly;width:40%}.cartItem>.button>button{background:transparent;border:none;border-radius:20%;font-size:40px;font-weight:600}.cartItem>.button>button:hover{box-shadow:1px 1px 1px 1px #c0bcbc;cursor:pointer}.cartItem>h4{font-size:20px;font-weight:600}.mainfooter{align-items:center;background-color:#1a0606;bottom:0;display:flex;height:30vh;justify-content:space-between;left:0;position:relative;right:0;width:100%}.mainfooter>.logo{display:flex;flex-direction:column;justify-content:flex-start}.mainfooter>.logo>img{height:200px;margin-left:20px;margin-top:30px;object-fit:cover;overflow:hidden;white-space:nowrap;width:200px}.mainfooter>.logo>h5{color:#fff;float:right;margin-left:50px;margin-top:180px;position:absolute;z-index:2}.mainfooter>.moko{color:#fff}.mainfooter>.moko>h5{margin-left:20px}.mainfooter>.follow{align-items:flex-start;color:#fff;display:flex;flex-direction:column;justify-content:flex-start;padding:20px}.mainfooter>.follow>a{color:#fff;margin:3px;text-decoration:none}.login-container{background-color:#f5f5f5;justify-content:center;width:100%}.login-container,.login-container>.login-form{align-items:center;display:flex;flex-direction:column}.login-container>.login-form{background-color:#fff;box-shadow:1px 1px 1px 1px #ddd7d7;height:80vh;justify-content:flex-start;padding:20px;width:40%}.login-container>.login-form>form{display:flex;flex-direction:column;margin-top:20px}.login-container>.login-form>form>.form-email{font-size:15px;margin-bottom:10px;padding:10px}.login-container>.login-form>form>.bs,.login-container>.login-form>form>.form-pw{font-size:15px;margin-bottom:20px;padding:10px}.login-container>.login-form>form>.bs{background-color:#fdf2df;font-weight:600}.login-container>.login-form>form>.bs:hover{background-color:#1c86dd;color:#fff}.login-container>.login-form>form .bn{background-color:#fdf2df;font-size:15px;font-weight:600;margin-bottom:20px;padding:10px}.login-container>.login-form>form .bn:hover{background-color:#1c86dd;color:#fff}.add-container{align-items:center;background-color:#f5f5f5;display:grid;height:100vh;justify-items:center;width:100%}.add-container>.add-box{align-items:flex-start;background-color:#fff;box-shadow:1px 1px 1px 1px #ebe6e6;display:flex;justify-content:center;width:30%}.add-container>.add-box>.add-form{align-items:center;display:grid;justify-items:center;padding:1rem}.add-container>.add-box>.add-form>div{margin:10px}.add-container>.add-box>.add-form>div>input{font-size:15px;font-weight:600;padding:10px}.add-container>.add-box>.add-form>div>button{background-color:#f5c3c3;border:none;font-size:15px;font-weight:600;margin-bottom:30px;min-width:220px;padding:8px}.add-container>.add-box>.add-form>div>button:hover{background-color:#6464e6;border:none;color:#fff}.add-container>.add-box>.add-form>div ::-webkit-outer-spin-button,.add-container>.add-box>.add-form>div>input::-webkit-inner-spin-button{-webkit-appearance:none}.pay-container{background-color:#555151;width:100%}.pay-container>.pay-box{background-color:#f5f5f5;padding:3rem}.pay-container>.pay-box>.pay-cart{align-items:center;display:flex;justify-content:flex-start}.pay-container>.pay-box>.pay-cart>div{background-color:#fff;border-radius:10px;box-shadow:1px 1px 1px 1px #aaa7a7;font-weight:20px;margin:10px;padding:1rem}.pay-container>.pay-box>div>h4{background-color:#427af3;font-size:larger;font-weight:800;padding:1rem}.pay-container>.pay-box>.pay-input{display:flex;flex-direction:column}.pay-container>.pay-box>.pay-input>h3{font-size:larger;font-weight:800}.pay-container>.pay-box>.pay-input>form{display:flex;flex-direction:column}.pay-container>.pay-box>.pay-input>form>button{background-color:#427af3;border:none;font-size:20px;font-weight:800;margin-top:20px;padding:10px;text-align:start}.pay-container>.pay-box>.pay-input>form>button:hover{background-color:#0f3992;color:#fff;cursor:pointer}.lp-container{background-color:#f5f5f5;display:flex;height:44vh;justify-content:center}.lp-container>h1{align-self:center;background:transparent}@media screen and (max-width:820px){.home{width:100%}.home>.vid{height:30vh;width:100%}.filtercontainer{align-items:center;background-color:#f5f5f5;display:flex;height:13vh;justify-content:center;position:inherit;width:100%}.filtercontainer .container{align-items:center;background-color:#fff;border-radius:10px;flex-direction:column;justify-content:flex-start;width:100%}.filtercontainer .container>.category{display:flex;justify-content:space-evenly;padding:5px}.filtercontainer .container>.category>button{background:transparent;border:none;border-radius:10px;color:#0da2f8;font-size:12px;font-weight:600;letter-spacing:0;letter-spacing:1;margin:5px;padding:5px}.filtercontainer .container>.sort{display:flex;justify-content:space-evenly;padding:5px}.filtercontainer .container>.sort>p{color:#383838;font-size:12px;font-weight:700;letter-spacing:1px;margin:auto}.filtercontainer .container>.sort>button{background:transparent;border:none;border-radius:10px;color:#383838;font-size:10px;font-weight:600;letter-spacing:1px;margin:5px;padding:5px}.products{grid-gap:5px;background-color:#f5f5f5;display:grid;gap:5px;grid-template-columns:repeat(3,1fr);position:inherit;top:55%;width:100%}.card{height:30vh;margin:5px;padding:0}.card>img{border-radius:5%;height:15vh;width:95%}.card>h3{font-size:15px;margin-top:15px}.card>h4{font-size:13px;margin-bottom:20px}.card>button{box-shadow:1px 1px 1px 1px #d4d3db;font-size:10px;margin-bottom:20px;padding:2px}.Navbar{height:10vh;width:100%}.Navbar>.logo{padding:2px}.Navbar>.logo>img{height:150px;margin-left:10px;margin-top:20px;width:150px}.Navbar>.navLinks{display:flex;height:10vh;justify-items:flex-end;margin-left:40px;margin-right:20px;width:50%}.Navbar>.navLinks>#home{font-size:medium;height:3vh;padding:8px;width:30%}.Navbar>.navLinks>.nav-login{font-size:medium}.Navbar>.navLinks>.cartLogoclass{height:6vh;left:0;position:relative;width:20%}.Navbar>.navLinks>.cartLogoclass>.orderNumber{font-size:small;position:relative;right:30px;text-decoration:none}.Navbar>.navLinks>.cartLogoclass>.cartlogo{height:7vh;position:absolute;right:20px;top:10px;width:70%}.cartHome{grid-template-columns:1fr;width:100%}.cartHome>aside{height:50vh}.cartItem{flex-direction:column;height:60vh}.cartItem>img{height:40vh;width:90%}.cartItem>.button{justify-content:space-between;width:90%}.main{flex-direction:column;grid-template-columns:1fr;height:60vh}.login-container>.login-form{padding:0;width:100%}.login-container>.login-form>form{padding:0;width:90%}.add-container>.add-box{background-color:#fff;height:70vh;width:90%}.mainfooter{flex-direction:column;height:60vh}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.9cde7ae5.css.map*/