body{padding:0;box-sizing:border-box;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.app{max-width:1200px;width:100%;margin:0 auto}section{box-shadow:0 0 5px #ccc;padding:15px 10px}header{min-height:70px;display:flex;justify-content:space-around;align-items:center;overflow:hidden}header .logo a{text-decoration:none;text-transform:uppercase;color:#000}header nav{display:flex}nav ul li{list-style:none;display:inline-block}nav ul li a{text-decoration:none;text-transform:uppercase;color:#555;padding:0 15px}nav ul li a:hover{color:#efd923}nav .nav-cart{top:16px;cursor:pointer;position:relative}nav .nav-cart span{position:absolute;top:-12px;right:-7px;background:#dc143c;font-size:10px;color:#fff;padding:3px 5px;border-radius:50%;z-index:-1}header .close,header .menu{cursor:pointer;display:none}@media (max-width:650px){header ul{position:fixed;top:0;left:-100%;height:100vh;display:flex;justify-content:space-around;align-items:center;flex-direction:column;background:#fff;z-index:99;opacity:.97;transition:.5s linear}header .close,header .menu{display:block}header .close{position:absolute;top:10px;left:20px}header ul.toggle{left:0}}#product{width:100%;display:flex;justify-content:space-around;flex-wrap:wrap}.card{min-width:200px;min-height:200px;border:1px solid #eee;overflow:hidden;padding:5px;box-shadow:2px 8px 20px #ddd;margin:5px;transition:.5s linear}.card:hover{box-shadow:none}.card img{max-width:300px;width:100%;height:100%;max-height:200px;display:block;object-fit:cover}.card h4{text-transform:uppercase;margin:10px 0}.card h4 a{text-decoration:none;color:#333}.card h4 a:hover,.card span{color:#dc143c}.card button,.card p{margin:10px 0}.card button{border:none;outline:none;background:#333;color:#fff;width:100%;height:30px;display:block;cursor:pointer;text-transform:uppercase;letter-spacing:2px}.details{display:flex;justify-content:space-around;flex-wrap:wrap;margin:50px 0}.details img{height:300px;display:block;object-fit:cover}.details .box,.details img{max-width:500px;min-width:290px;margin:25px}.box .row{display:flex;justify-content:space-between;margin-bottom:15px}.box .row h2{text-transform:uppercase;letter-spacing:2px}.box .row span{color:#dc143c}.box .colors button{width:30px;height:30px;border:1px solid #333;outline:none;margin-right:5px;cursor:pointer}.box p{line-height:1.5;margin:15px 0}.box .cart{background:#333;color:#fff;text-decoration:none;padding:10px 25px;display:inline-block}section .cart{position:relative;border:1px solid #ccc}.amount span{color:#dc143c;padding:0 20px}.amount .count{width:40px;height:30px;border:1px solid #555;outline:none;background:transparent;cursor:pointer}.delete{position:absolute;right:30px;color:#dc143c;cursor:pointer;font-weight:900}.total{width:100%;height:50px;display:flex;align-items:center;justify-content:space-between}.total a{text-decoration:none;background:#333;color:#fff;text-transform:uppercase;letter-spacing:2px;padding:10px 25px}.total h3{margin-right:50px;color:#dc143c}.count{color:#000}.form-container{margin:100px auto;width:1000px;box-shadow:0 5px 8px 0 rgba(0,0,0,.2),0 7px 20px 0 rgba(0,0,0,.2);position:relative;border-radius:10px;height:600px;display:grid;grid-template-columns:1fr 1fr}.close-btn{position:absolute;top:2%;right:3%;font-size:1.5rem;z-index:1;color:#fff;cursor:pointer}.form-content-left{background:linear-gradient(90deg,#27b0ff,#00e8ec);border-radius:10px 0 0 10px;position:relative}.form-img{width:80%;height:80%}.form-img,.form-img-2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.form-img-2{width:60%;height:60%}.form-success{text-align:center;font-size:24px;margin-top:80px;color:#fff}.form-content-right{border-radius:0 10px 10px 0;position:relative;background:linear-gradient(90deg,#282828,#111)}.form{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.form h1{font-size:1rem;text-align:start;width:80%;margin-bottom:1rem;color:#fff}.form-inputs{margin-bottom:.5rem;width:80%}.form-inputs p{font-size:.8rem;margin-top:.5rem;color:#f00e0e}.form-label{display:inline-block;font-size:.8rem;margin-bottom:6px;color:#fff}.form-input{display:block;padding-left:10px;outline:none;border-radius:2px;height:25px;width:100%;border:none}.form-input::-webkit-input-placeholder{color:#595959;font-size:12px}.form-input:-ms-input-placeholder{color:#595959;font-size:12px}.form-input::placeholder{color:#595959;font-size:12px}.form-input-btn{width:60%;height:30px;margin-top:10px;border-radius:2px;background:linear-gradient(90deg,#27b0ff,#00e8ec);outline:none;border:none;color:#fff;font-size:1rem}.form-input-btn:hover{cursor:pointer;background:linear-gradient(90deg,#278fff,#0c63fa);transition:all .4s ease-out}.form-input-login{font-size:.8rem;margin-top:10px;color:#fff;width:80%;text-align:center}.form-input-login a{text-decoration:none;color:#27cdff;font-weight:600}.form-container{width:360px;background-color:#fff;margin:auto;box-shadow:0 0 20px 0 rgba(0,0,0,.2),0 5px 5px 0 rgba(0,0,0,.24);padding:10px}.register-form{display:flex;flex-direction:column;justify-content:space-evenly;padding:10px}.success-message{background-color:#3f89f8;color:#fff}.form-field,.success-message{font-family:"Roboto",sans-serif;padding:15px}.form-field{margin:10px 0;font-size:16px;border:0}span{font-family:"Roboto",sans-serif;font-size:14px;color:red;margin-bottom:15px}input{background:#f2f2f2}.error{border:2px solid #ffa4a4}button{background:#4caf50;color:#fff;cursor:pointer}button:disabled{cursor:default}footer{margin-top:50px;color:#000;background-color:#f3f3f7;padding-top:3em;position:relative;margin-bottom:10px;width:100%;height:400px;position:-webkit-sticky;position:sticky}
/*# sourceMappingURL=main.a21f2b77.chunk.css.map */