.container{height:300;overflow:"auto"}.container .headline{display:flex;flex-direction:row;align-content:center;align-items:baseline;font-size:xx-large}.image-list{display:flex;justify-content:center;flex-wrap:wrap}.logo{height:36px;margin-right:12px}@media (max-width:768px){.container{background:#fff}.container .headline{display:flex;justify-content:center;font-size:large;position:fixed;top:0;width:100%;height:72px;z-index:99;background:#fff;border-bottom:1px solid #d3d3d3}.container .image-list{padding-top:72px}}.image-card{position:relative;display:flex;align-items:center;border-radius:10px;margin:12px}.image-card.active{box-shadow:0 0 10px red}.image-card:hover .overlay{opacity:.7}.image-card .thumbnail{width:300px;height:300px;object-fit:cover;transition:box-shadow .3s;border:1px solid #ccc;border-radius:10px}.image-card .favourite{position:absolute;top:15%;left:85%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);border:none;cursor:pointer;background:transparent}.image-card .overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:.5s ease;background-color:#000}.image-card .caption{color:#fff;font-size:20px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.image-card:hover{box-shadow:0 0 11px rgba(33,33,33,.8)}#heart{position:relative;width:50px;height:45px}#heart:after,#heart:before{position:absolute;content:"";left:25px;top:0;width:25px;height:40px;background:transparent;background-color:#d3d3d3;border-radius:25px 25px 0 0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%}#heart:after{left:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}#heart.active:after,#heart.active:before,#heart:hover:after,#heart:hover:before{background-color:red}@media (max-width:768px){.image-card .thumbnail{width:100%}#heart{position:relative;width:25px;height:22px}#heart:after,#heart:before{position:absolute;content:"";left:12px;top:0;width:12px;height:20px;background:transparent;background-color:#d3d3d3;border-radius:12px 12px 0 0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%}#heart:after{left:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}}@media (max-width:350px){.image-card .thumbnail{width:200px;height:200px}}body{margin:0}.infinit-scroll{text-align:center;background:#d3d3d3;padding:24px}@media (max-width:768px){.infinit-scroll{padding:0;background:#fff}}
/*# sourceMappingURL=main.f9ee8f73.chunk.css.map */