*{box-sizing:border-box;font-family:sans-serif}#root,#root>div,body,html{padding:0;margin:0;height:100%}.card{background:#fff;position:relative;text-align:left;background-size:cover;background-position:50%;height:170px;width:170px;margin:8px 25px;border:5px solid #f1f1f1;border-radius:3px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);cursor:pointer}.card>.img-container{height:100%;overflow:hidden;text-align:center;background:green}.card>.img-container>img{width:60%;padding-top:.5rem}.card:hover{-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);-webkit-transition:.1s;transition:.1s}.wrapper{background-image:url(https://cdn.pixabay.com/photo/2014/04/30/15/56/diamonds-335025__340.png);background-color:#ccc;height:100%;background-position:50%;background-repeat:no-repeat;display:flex;min-height:80%;flex-wrap:wrap;justify-content:center;padding-top:100px;padding-bottom:50px;width:100%;margin:0 auto}.navbar{background:#3410d6;min-height:70px;position:fixed;width:100%;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);color:#fff;font-size:calc(10px + (1400vw - 4480px)/800);z-index:99;white-space:nowrap}.navbar ul{margin:0;padding:0}.navbar li{display:inline-block;padding:26px 0;width:33.3%;text-align:center}.navbar a{text-decoration:none;color:#fff;font-weight:900}@media (max-width:750px){.click-item{margin:10px}}@media (max-width:500px){.click-item{margin:10px}}
/*# sourceMappingURL=main.e6f9bd58.chunk.css.map */