body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Open Sans,system-ui;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;font-weight:<weight>;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background-image:url(/e-commerce/static/media/landing.d007ba81552eb47d9364.jpg);background-size:cover;height:100vh;position:relative}.header .container{margin-left:50px;margin-right:50px}.header .container,.header .head-bar{display:flex;justify-content:space-between}.header .head-bar{background-color:#000;position:relative;width:100%}.header .head-bar .left-side{display:flex;justify-content:space-between;margin-left:50px;text-align:center}.header .head-bar .links ul{display:flex;list-style:none;margin-right:50px}.header .head-bar .links ul li a{color:#fff;font-weight:700;margin-left:50px;padding:5px;text-decoration:none;transition:.3s}.header .head-bar .links ul li a:hover{border-bottom:1px solid #fff;font-weight:700}.header .head-bar .text{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.head-bar .text h3{color:#fff}.header .head-bar .left-side{padding:20px}.header .head-bar .left-side .language,.header .head-bar .left-side .usd{margin-left:30px}.header .head-bar .left-side select,.header .logo{cursor:pointer}.header .logo{display:flex;justify-content:space-between}@media (max-width:760px){.header .container{margin-left:20px;margin-right:20px}.header .head-bar .left-side .language,.header .head-bar .left-side .usd,.header .head-bar .text{display:none}.header .container .links-two .nav-links{display:flex;display:none;flex-direction:column;list-style:none;margin:0;min-width:200px;padding:0;position:absolute;right:-70px;top:calc(100% + 20px);top:80%;z-index:1}.header .container .links-two .nav-links li{margin-bottom:10px}.header .links-two:hover .nav-links{align-items:center;display:flex;justify-content:center;margin-right:50px}.header .head-bar{display:inline-block;text-align:center}.header .head-bar .links{text-wrap:nowrap;align-items:center;display:flex;font-size:15px;justify-content:center;margin-right:50px;text-align:center}.header .button{margin-top:50px}.header .container .links-two .icon{display:flex}}@media (min-width:761px) and (max-width:1440px){.header .container{margin-left:20px;margin-right:20px}.header .head-bar .text{display:none}.header .links-two:hover .nav-links{display:flex}.header .head-bar .links{text-wrap:nowrap;align-items:center;display:flex;font-size:15px;justify-content:center;text-align:center}.header .button{margin-top:50px}}.header .logo .home{color:#fff;font-size:25px;font-weight:700;padding:5px;text-decoration:none}.header .links-two ul{display:flex;list-style:none}.header .links-two{position:relative}.header .links-two ul li a{color:#fff;font-weight:700;margin-left:50px;padding:5px;text-decoration:none;transition:.3s}.header .links-two ul li a:hover{border-bottom:1px solid #fff;font-weight:700}.header .landing-text{background-color:#333c;border-radius:25px;left:50%;padding:10px;position:absolute;top:50%;transform:translate(-50%,-50%)}.header .landing-text h3{color:#fff;font-family:fantasy;font-size:50px;letter-spacing:10px;text-align:center}.header .button{left:50%;position:absolute;top:75%;transform:translate(-50%,-50%)}.header .button button{background-color:#333333bd;color:#fff;cursor:pointer;font-size:20px;font-weight:700;height:70px;width:120px}.header .links-two .icon{cursor:pointer;display:flex;display:none;flex-wrap:wrap;justify-content:flex-end;margin:20px;width:30px}.header .links-two .icon span{background-color:#000;margin-bottom:5px;transition:.3s}.header .links-two .icon span:first-child{background-color:#fff;height:3px;width:100%}.header .links-two .icon span:nth-child(2){background-color:#fff;height:3px;transition:.3s;width:90%}.header .links-two .icon span:last-child{background-color:#fff;height:4px;width:100%}.header .links-two:hover .icon span:nth-child(2){width:100%}.header .links-two:hover .icon span{margin-bottom:7px}.gallery{padding:10px;text-align:center}.gallery h3{color:brown;font-family:fantasy;font-size:60px;font-weight:800;letter-spacing:30px}.card{margin:50px;text-align:center}.cards-container{display:flex;flex-wrap:wrap;justify-content:space-around;margin:50px}.card-container .card{border:1px solid #333;margin-bottom:50px;padding:20px;width:350px}.card-container .card .card-title{font-size:20px}.card-container .card .btn{background-color:#000;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:10px;text-decoration:none;transition:.3s}.card-container .card .btn:hover{background-color:rgba(0,0,0,.438)}.card-container .card img{height:430px;width:300px}.cat-buttons button{background-color:brown;color:#fff;cursor:pointer;font-size:15px;font-weight:700;height:35px;margin:5px;transition:.3s}.cat-buttons button:focus{font-size:17px}.cat-buttons button:focus,.cat-buttons button:hover{background-color:rgba(165,42,42,.685);border-radius:5px}@media (max-width:576px){.card-container .card{width:fit-content}.cards-container{margin:35px}.gallery h3{font-size:45px;letter-spacing:10px}.card-container .card img{height:380px;width:250px}.card-container .card{margin:20px auto}}.header-section{background-color:#333;position:relative}.header-section .header-container{margin-left:50px;margin-right:50px}.header-section .head-bar,.header-section .header-container{display:flex;justify-content:space-between;position:relative}.header-section .head-bar{background-color:#000;width:100%}.header-section .head-bar .left-side{display:flex;justify-content:space-between;margin-left:50px;text-align:center}.header-section .head-bar .links ul{display:flex;list-style:none;margin-right:50px}.header-section .head-bar .links ul li a{color:#fff;font-weight:700;margin-left:50px;padding:5px;text-decoration:none;transition:.3s}.header-section .head-bar .links ul li a:hover{border-bottom:1px solid #fff;font-weight:700}.header-section .head-bar .text{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.head-bar-section .text h3{color:#fff}.header-section .head-bar .left-side{padding:20px}.header-section .head-bar .left-side .language,.header-section .head-bar .left-side .usd{margin-left:30px}.header-section .head-bar .left-side select{cursor:pointer}.header-section .header-container .logo{cursor:pointer;display:flex;justify-content:space-between}.header-container .logo .home{color:#fff;font-size:25px;font-weight:700;padding:5px;text-decoration:none}.header-section .links-two ul{display:flex;list-style:none}.header-section .links-two ul li a{color:#fff;font-weight:700;margin-left:50px;padding:5px;text-decoration:none;transition:.3s}.header-section .links-two ul li a:hover{border-bottom:1px solid #fff;font-weight:700}.header-section .links-two .icon{cursor:pointer;display:flex;display:none;flex-wrap:wrap;justify-content:flex-end;margin:20px;width:30px}.header-section .links-two .icon span{background-color:#000;margin-bottom:5px;transition:.3s}.header-section .links-two .icon span:first-child{background-color:#fff;height:3px;width:100%}.header-section .links-two .icon span:nth-child(2){background-color:#fff;height:3px;transition:.3s;width:90%}.header-section .links-two .icon span:last-child{background-color:#fff;height:4px;width:100%}.header-section .links-two:hover .icon span:nth-child(2){width:100%}.header-section .links-two:hover .icon span{margin-bottom:7px}@media (max-width:760px){.header-section .header-container{margin-left:20px;margin-right:20px}.header-section .head-bar .left-side .language,.header-section .head-bar .left-side .usd,.header-section .head-bar .text{display:none}.header-section .header-container .links-two .nav-links{display:flex;display:none;flex-direction:column;list-style:none;margin:0;min-width:200px;padding:0;position:absolute;right:-70px;top:calc(100% + 20px);top:80%;z-index:1}.header-section .header-container .links-two .nav-links li{margin-bottom:10px}.header-section .links-two:hover .nav-links{align-items:center;background-color:#333;display:flex;justify-content:center;margin-right:50px}.header-section .head-bar{display:inline-block;text-align:center}.header-section .head-bar .links{text-wrap:nowrap;align-items:center;display:flex;font-size:15px;justify-content:center;margin-right:50px;text-align:center}.header-section .button{margin-top:50px}.header-section .header-container .links-two .icon{display:flex}}@media (min-width:761px) and (max-width:1440px){.header-section .header-container{margin-left:20px;margin-right:20px}.header-section .head-bar .text{display:none}.header-section .links-two:hover .nav-links{display:flex}.header-section .head-bar .links{text-wrap:nowrap;align-items:center;display:flex;font-size:15px;justify-content:center;text-align:center}.header-section .button{margin-top:50px}}.area-container{background-image:url(/e-commerce/static/media/landing.d007ba81552eb47d9364.jpg);background-size:cover;height:100vh;margin-bottom:-20px;position:relative}.area-container .contact-area{background-color:#000;border-radius:10px;left:50%;margin:30px auto;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:50%}.area-container .contact-text{padding:10px;text-align:center}.area-container .contact-text h3{color:brown;font-family:fantasy;font-size:60px;font-weight:800;letter-spacing:30px;margin-top:50px;text-align:center}.contact-area form{display:flex;flex-wrap:wrap;justify-content:space-between;margin:25px}.contact-area form input{height:60px;margin:20px;width:44%}.contact-area form input::placeholder,.contact-area form textarea::placeholder{font-size:18px;padding:15px}.contact-area form textarea{height:300px;margin-left:20px;width:95%}.area-container .contact-area button{border-radius:5px;cursor:pointer;font-size:30px;font-weight:700;height:60px;margin-bottom:40px}@media (max-width:760px){.area-container .contact-text h3{font-size:30px;letter-spacing:10px}.area-container .contact-area{width:80%}.contact-area form input{height:40px;margin:20px;width:95%}.contact-area form textarea{height:150px}.area-container .contact-area button{font-size:20px;height:40px}}.about-container{background-image:url(/e-commerce/static/media/landing.d007ba81552eb47d9364.jpg);background-size:cover;height:100vh;margin-bottom:-20px;position:relative}.about-container .about{background-color:#000;border-radius:25px;height:80%;left:50%;padding:50px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.about-container .about h3{color:#fff;font-size:40px;font-weight:700}.about-container .about h4{color:#fff;font-family:Whisper,cursive;font-size:100px}.about-container .about p{color:#fff;font-size:30px}.about-container .about a{color:#fff;font-size:25px;font-weight:700;text-decoration:none;transition:.3s}.about-container .about a:hover{font-size:30px}@media (max-width:576px){.about-container .about h3{font-size:25px}.about-container .about h4{font-size:75px}.about-container .about p{display:none;font-size:25px}.about-container .about a{font-size:20px}.about-container .about{padding:40px}}.sign-container{background-image:url(/e-commerce/static/media/landing.d007ba81552eb47d9364.jpg);background-size:cover;height:100vh;margin-bottom:-20px;position:relative}.sign-up{background-color:#000;border-radius:25px;display:flex;flex-direction:column;left:50%;padding:30px;position:absolute;top:50%;transform:translate(-50%,-50%)}.sign-up h3{color:#fff;font-size:70px;text-align:center}.sign-up input{border-radius:10px;height:50px;margin:20px auto;text-align:center;width:350px}.sign-up button{border-radius:5px;cursor:pointer;font-size:30px;font-weight:700;height:60px;margin:30px}@media (max-width:760px){.sign-up{padding:10px}.sign-up h3{font-size:35px}.sign-up input{margin:10px auto;width:250px}.sign-up button{font-size:20px;height:40px}}.card-details{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-left:50px;margin-right:50px}.card-details h3{color:brown;font-family:fantasy;font-size:60px;font-weight:800;letter-spacing:30px}.card-area,.card-area .body-details{text-align:center}.body-details .title{font-size:35px}.card-area .details-image{border:1px solid #000;border-radius:25px;margin:20px auto;padding:20px}.body-details p:last-of-type{font-size:20px;font-weight:700}@media (max-width:576px){.card-details h3{font-size:40px;letter-spacing:10px}.card-area img{height:380px;width:250px}}@media (min-width:577px) and (max-width:1440px){.card-details h3{font-size:45px;letter-spacing:13px}.card-area img{width:400px}}.login-area{background-image:url(/e-commerce/static/media/landing.d007ba81552eb47d9364.jpg);background-size:cover;height:100vh;margin-bottom:-20px;position:relative}.login-area .login-container{background-color:#000;border-radius:25px;display:flex;flex-direction:column;left:50%;padding:50px;position:absolute;top:50%;transform:translate(-50%,-50%)}.Login-text h3{color:#fff;font-size:35px;text-align:center}.login-container p{color:#fff}.login-container input{height:30px}.login-area .login-container .keys{margin-top:20px}.login-area .login-container .keys .log{background-color:#fff;cursor:pointer;font-size:bold;font-size:19px;height:40px;width:75px}.login-area .login-container .keys .signup{background-color:#fff;color:#000;font-size:bold;font-size:19px;height:40px;margin-left:20px;padding:5px;text-decoration:none;width:75px}.login-area .login-container a{color:#fff;margin-top:20px}.footer{background-color:#000;color:#fff;height:50px;width:100%}.footer p{padding:10px;text-align:center}.footer span{color:brown;font-weight:bolder}
/*# sourceMappingURL=main.51ed696a.css.map*/