body{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}.main{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap}.left{width:980px}.left,.right{display:flex;flex-direction:column;align-items:center}.right{justify-content:flex-start}.card-section{display:flex;justify-content:center;flex-wrap:wrap;padding:20px 0}.header{padding:1px 10px;background-color:#203040;color:#fff}.header p{font-size:17px}.footer{width:100%;justify-content:center;background-color:#203040;color:#fff;height:50px;font-size:17px}.footer,.menu{display:flex;align-items:center}.menu{height:60px;border-bottom:1px solid silver;justify-content:space-between;width:95%}.card{height:470px;width:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:30px 10px;animation:fadeIn .5s ease-in}.card:hover{cursor:pointer}.card:hover>p{color:#ff9124}.addToCard{display:flex;justify-content:space-between;align-items:center;width:90%}.addToCard button{padding:12px 18px;background-color:#f0c041;color:#000;outline:none;border:none;cursor:pointer}.card-img{width:100%}.menu-bar{width:350px;justify-content:center;border-bottom:1px solid silver;height:60px}.card-list,.menu-bar{display:flex;align-items:center}.card-list{width:100%;flex-direction:column}.list-card-chooiced{margin:10px 0;animation:fade .5s ease-in}.count,.list-card-chooiced{display:flex;justify-content:center;align-items:center}.count button{padding:10px;color:#000;outline:none;border:1px solid #d3d3d3;cursor:pointer;margin-left:10px}.pay{display:flex;width:100%;justify-content:space-around;align-items:center;animation:fadeIn .5s ease-in}.pay button{padding:12px 20px;background-color:#f0c041;color:#000;outline:none;border:none;cursor:pointer;font-size:17px}form{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:20px;animation:fadeIn .5s ease-in}form label{font-size:16px;margin-bottom:5px;width:80%;text-align:left;margin-top:20px}form input{width:80%;height:35px;border:1px solid grey;padding:0 10px}.btn{width:85%;background-color:#f0c041;color:#000;border:none;outline:none;cursor:pointer;margin-top:30px;height:45px;margin-bottom:30px}@keyframes fade{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.modal{width:100%;height:100%;position:absolute;z-index:100;background-color:hsla(0,0%,100%,.534);position:fixed;top:0}.mains,.modal{display:flex;justify-content:center;align-items:center}.mains{width:90%;height:90%;background-color:#fff;overflow:auto;border:1px solid grey;animation:fadeIn .5s ease-in}.section-left{width:40%;height:100%;display:flex;justify-content:center;align-items:center}.section-right{width:60%;height:100%}.section-left img{height:100%}.title{display:flex;padding:0 20px;justify-content:space-between;align-items:center}.title p{font-size:20px}.des,.sizes{padding:0 20px}.sizes button{margin-left:10px}.addto{display:flex;width:80%;justify-content:space-between;align-items:center;padding:0 70px}.addto button{padding:12px 20px;background-color:#f0c041;color:#000;outline:none;border:none;cursor:pointer;font-size:17px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translate(0)}}
/*# sourceMappingURL=main.16b9802c.chunk.css.map */