*{margin:0;padding:0}body,html{height:100%}body{margin:0;font-family:"Work Sans",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(120deg,#a6c0fe,#f68084)}h1{font-family:"Pacifico",cursive}.container{padding-top:4rem}.count{padding:0 2rem 0 0;display:inline-block;margin:0;-webkit-align-items:center;align-items:center}.heading{text-align:center}.card{position:relative;margin:0;box-shadow:0 2px 8px rgba(0,0,0,.26);border-radius:6px;padding:.5rem;overflow:hidden;background:#fff}#container-second.active{padding-left:24%}.container-second{transition:.4s;padding-left:6%}.items{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.item{background:#f1f1f1;margin-top:10px;margin-right:10px}.item-header{color:#fff;position:relative;margin-bottom:25px}.title{font-size:30px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;border-radius:4px;-webkit-justify-content:center;justify-content:center;padding:5px 0 20px}.price,.title{box-shadow:0 2px 8px rgba(0,0,0,.26)}.price{position:absolute;border-radius:20px;bottom:0;left:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);width:80%;max-width:360px;text-align:center;padding:8px 0}.title span{font-size:30px}.border,.item-sidebar a{width:80px;height:1px;background:#ddd;margin:auto}.item-list li{margin:6px;font-size:15px;text-align:center}.item .item-header{background-image:linear-gradient(120deg,#84fab0,#8fd3f4)}.item .price{background-image:linear-gradient(90deg,#fa709a 0,#fee140)}@media screen and (max-width:600px){.container-second{padding-top:10%;padding-left:12%}}#sidebar{top:3rem;position:fixed;min-width:auto;width:19%;height:100%;background:#30303c;left:-19%;transition:.4s}#sidebar ul li{list-style:none;color:#fff;font-size:20px;padding-right:14px}.toggle-btn{width:36px;position:relative;top:2rem;left:110%}.toggle-btn span{width:30px;height:4px;background:#000;display:block;margin-top:4px}.toggle-btn:hover{cursor:pointer}ul.listy{padding-top:2.5rem}li.first{border-top:1px solid #fff}li.listItem{padding:13px 0 13px 10%;border-bottom:1px solid #fff}li.listItem:hover{background-color:#008db7;cursor:pointer}a.linky{display:block;color:#fff;text-decoration:none}a.linky:hover{color:#fff;text-decoration:none}#sidebar.active{left:0}@media screen and (max-width:760px){#sidebar.active{left:0;width:100%;position:fixed;z-index:1;background-color:rgba(0,0,0,.9);overflow-x:hidden;transition:.3s}#listy{visibility:hidden}#listy.active{visibility:visible}}
/*# sourceMappingURL=main.b151ddce.chunk.css.map */