.App{text-align:center;font-family:Calibri;list-style:none}.icons-container{display:flex}.nav-container{display:flex;width:98vw;align-items:center;flex-direction:row;justify-content:center}.logo-container{justify-content:space-between}.logo-image{height:2em;border-radius:20px;margin-right:1vw}.icon{color:#c74778;min-width:30px;text-align:center;font-size:2em;position:relative;top:calc(50% - 10px);margin-right:1vw;background:none}.icon-container{height:100%;top:0}.bar-icon{font-size:150%;margin:1vw}.bar-icon:hover{transform:scale(1.2);text-shadow:2px 2px 5px rgba(51,61,71,.4);transition:.5s ease-out}.cards-counter{font-size:1em}.search-container{display:flex;padding:.5vw;margin-left:2vw;margin-right:2vw;border-radius:20px;background:#f1f3f5;overflow:hidden;width:80vw;border-color:#fff}.search-container:hover{background:#e9ecef}.search-container:focus-within{border:1.5px solid #c74778;box-shadow:2px 2px 5px rgba(51,61,71,.4);transition:.2s ease-out}.delete-icon,.search-icon{font-size:1em;padding:.2em;color:#c74778}.delete-icon{margin-right:.2em;cursor:pointer}.hide{opacity:0}.show{opacity:1}.search-input{outline:none;border:none;background:none;caret-color:#c74778;font-size:1em;font-family:Calibri;width:calc(100% - 36px);box-sizing:border-box}form{width:100%;background:none}ul{list-style:none;list-style-type:none;-webkit-padding-start:0;padding-inline-start:0}.gallery{max-width:95%;max-height:100%;grid-column-gap:1.5em;-webkit-column-gap:1.5em;column-gap:1.5em}.gallery,.loader{display:inline-block}.loader{width:48px;height:48px;border:5px solid;border-color:#000 #000 transparent;border-radius:50%;box-sizing:border-box;-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite}@-webkit-keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*,:after,:before{box-sizing:inherit}html{box-sizing:border-box}@media only screen and (min-width:1024px){.gallery{-webkit-column-count:4;column-count:4}}@media only screen and (max-width:1023px) and (min-width:768px){.gallery{-webkit-column-count:3;column-count:3}}@media only screen and (max-width:767px) and (min-width:1px){.gallery{-webkit-column-count:2;column-count:2}}.card-container,.card-image-container{position:relative}.card-container{margin:0 0 1.5em;overflow:hidden;max-height:100%;display:inline-block;font-weight:600;min-width:50px;min-height:50px}.card-border{border-radius:20px;border:1px solid rgba(0,0,0,.25)}.card-image{max-width:100%;max-height:100%;display:table-row;z-index:0}.overlay{grid-template-columns:1fr;grid-template-rows:50% 50%;background:hsla(0,0%,100%,.85);color:#c74778;opacity:0;transition:all .5s;height:100%;width:100%;top:0;left:0;bottom:0;z-index:1;display:table-cell;position:absolute;font-family:"Playfair Display",serif}.items{letter-spacing:3px;justify-self:center;align-self:stretch center}.card-title-container{transform:translateY(40px);transition:all .7s;height:50%}.card-title-container hr{display:block;width:0;border:none;border-bottom:2px solid #c74778;bottom:0;left:20px;transition:all .5s}.card-title-container p{margin-right:.5vh;margin-left:.5vh;padding-top:2vw;padding-bottom:2vw}.card-date-container{font-weight:700;opacity:0;transform:translateY(4px);transition:all .7s;height:50%;padding-bottom:2vw}.card-container:hover .overlay{opacity:1;cursor:pointer}.card-container:hover .overlay .card-title-container{transform:translateY(0)}.card-container:hover .overlay hr{width:75px;transition-delay:.4s}.card-container:hover .overlay .card-date-container{transform:translateY(0);transition-delay:.3s;opacity:1}.card-image{width:100%;height:auto;object-fit:cover}.skeleton-loader{width:100%;height:200px;background:#ccc;-webkit-animation:shimmer 1.5s linear infinite;animation:shimmer 1.5s linear infinite}@-webkit-keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}@media only screen and (min-width:1024px){.card-title-container{font-size:2.5vw}.card-date-container{font-size:1.5vw}.overlay hr{margin-top:-2.5vw}}@media only screen and (max-width:1023px) and (min-width:768px){.card-title-container{font-size:3vw}.card-date-container{font-size:2vw}.overlay hr{margin-top:-3vw}}@media only screen and (max-width:767px) and (min-width:1px){.card-title-container{font-size:4vw}.card-date-container{font-size:3vw}.overlay hr{margin-top:-4vw}}.arrow-container{position:fixed;background-color:hsla(0,0%,100%,.4);border-radius:50px;text-align:center;box-shadow:2px 2px 5px rgba(51,61,71,.4);z-index:10;bottom:35px;right:35px;width:45px;height:45px}.arrow-container,.round{align-items:center;justify-content:center;flex-direction:column;display:flex}.round{border:2px solid #c74778;width:48px;height:48px;border-radius:100%;padding-bottom:8px}.arrow,.round{position:absolute}.arrow{font-size:24px;font-weight:900;color:#c74778;text-shadow:2px 2px 5px rgba(51,61,71,.3)}.bottom-arrow{margin-top:8px}@-webkit-keyframes floating-up{0%{opacity:1;transform:translateY(0) scale(1)}25%{opacity:0;transform:translateY(-10px) scale(.9)}35%{opacity:0;transform:translateY(10px) scale(.9)}55%{opacity:1;transform:translateY(0) scale(1)}}@keyframes floating-up{0%{opacity:1;transform:translateY(0) scale(1)}25%{opacity:0;transform:translateY(-10px) scale(.9)}35%{opacity:0;transform:translateY(10px) scale(.9)}55%{opacity:1;transform:translateY(0) scale(1)}}.floating-up{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.arrow.bottom-arrow.floating-up,.floating-up{-webkit-animation-name:floating-up;animation-name:floating-up;-webkit-animation-duration:1.4s;animation-duration:1.4s}.arrow.bottom-arrow.floating-up{-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}@media (pointer:fine){.round:hover .arrow{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.round:hover .arrow,.round:hover .arrow.bottom-arrow{-webkit-animation-name:floating-up;animation-name:floating-up;-webkit-animation-duration:1.4s;animation-duration:1.4s}.round:hover .arrow.bottom-arrow{-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.arrow-container:hover{background-color:hsla(0,0%,100%,.6)}}.chat-container{position:fixed;bottom:20px;left:20px;z-index:999}.chat-icon{background-color:#00f;color:#fff;padding:10px 15px;border:none;border-radius:50px;cursor:pointer;font-size:16px}.chat-login{width:250px;background:#fff;padding:15px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.2)}.chat-login h2{font-size:18px;margin-bottom:10px}.chat-login input{width:100%;padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px}.chat-login button{width:100%;background:#00f;color:#fff;padding:8px;border:none;cursor:pointer;border-radius:5px}.chat-box{width:300px;height:400px;background:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.2);padding:15px;position:relative}.chat-box h2{font-size:18px;margin-bottom:10px}.chat-close{position:absolute;top:5px;right:10px;background:none;border:none;color:red;font-size:14px;cursor:pointer}.chat-messages{height:250px;overflow-y:auto;border:1px solid #ccc;padding:10px;margin-bottom:10px}.chat-message{margin-bottom:5px}.chat-input{display:flex}.chat-input input{flex:1 1;padding:8px;border:1px solid #ccc;border-radius:5px}.chat-input button{background:#00f;color:#fff;padding:8px;border:none;cursor:pointer;border-radius:5px;margin-left:5px}.dislike-container,.like-container,.likes-container{display:flex;flex-direction:row;align-items:center}.dislike-icon,.like-icon{color:#c74778;min-width:30px;text-align:center;font-size:1.5em;position:relative;top:calc(50% - 10px);margin-right:1.8vw;background:none;cursor:pointer;text-shadow:2px 2px 5px rgba(51,61,71,.4)}.dislike-container{margin-left:4vw}@media (pointer:fine){.dislike-icon:hover,.like-icon:hover{transform:scale(1.2)}.tag:hover{border:1.5px solid #c74778;box-shadow:2px 2px 5px rgba(51,61,71,.4);transform:scale(1.1);transition:.2s ease-out}.zoom-in-icon:hover,.zoom-out-icon:hover,.zoom-reset-icon:hover{transform:scale(1.2);text-shadow:2px 2px 5px rgba(51,61,71,.3)}}.image-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.image{max-width:100%;max-height:100%}.image-wrapper{cursor:zoom-in;box-shadow:2px 2px 5px rgba(51,61,71,.4)}.zoom-in-btn,.zoom-out-btn,.zoom-reset-btn{outline:none;color:#c74778;text-align:right;font-size:1em;background:none;cursor:pointer;height:0;z-index:20;align-self:center;border:none;padding:1em;text-align:center;text-decoration:none;display:inline-block}.details-container{display:flex;margin-left:2vw;text-align:left;flex-direction:column}.zoom-container{display:flex;align-items:center;justify-content:center}.tag{color:#c74778;border:1.5px solid #c74778;box-shadow:2px 2px 5px rgba(51,61,71,.4);border-radius:20px;padding:2%;margin:2%;display:inline-block;cursor:pointer}.details-container hr{width:20vw;max-width:20vw;border:none;border-bottom:2px solid #c74778;margin:0}.title{color:#c74778;font-family:"Playfair Display",serif;font-size:1.25em;font-weight:500}.date{font-style:italic;text-align:right;margin-right:2vw;font-size:65%}.dislike-icon-anim{-webkit-animation-name:heart-broken;animation-name:heart-broken;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes heart-broken{0%{opacity:1;transform:translateY(0) scale(1) rotate(-45deg)}25%{opacity:0;transform:translateY(10px) scale(.9) rotate(-90deg)}75%{opacity:0;transform:translateY(0) rotate(90deg) scale(.5)}}@keyframes heart-broken{0%{opacity:1;transform:translateY(0) scale(1) rotate(-45deg)}25%{opacity:0;transform:translateY(10px) scale(.9) rotate(-90deg)}75%{opacity:0;transform:translateY(0) rotate(90deg) scale(.5)}}.like-icon-anim{-webkit-animation-name:heart-beat;animation-name:heart-beat;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes heart-beat{0%{opacity:1;transform:scale(1)}20%{opacity:.5;transform:scale(1.5)}30%{opacity:.5;transform:scale(.5)}40%{opacity:.5;transform:scale(1.5)}50%{opacity:.5;transform:scale(.5)}60%{opacity:1;transform:scale(1)}75%{opacity:1;transform:scale(.5)}}@keyframes heart-beat{0%{opacity:1;transform:scale(1)}20%{opacity:.5;transform:scale(1.5)}30%{opacity:.5;transform:scale(.5)}40%{opacity:.5;transform:scale(1.5)}50%{opacity:.5;transform:scale(.5)}60%{opacity:1;transform:scale(1)}75%{opacity:1;transform:scale(.5)}}@media only screen and (min-width:501px){.zoom-container{flex-direction:row}.image{max-height:80vh;max-width:50vw}.details-container{width:30vw;max-width:30vw}.image-container{padding:2vw 1vw 1vw}}@media only screen and (max-width:500px){.zoom-container{flex-direction:column}.image-container{max-width:95vw;padding:1vw}.details-container{width:90vw}}@media only screen and (min-width:501px){.art-gallery-container,.zoom-card-wide{position:absolute}.zoom-card-wide{max-height:90vh;max-width:90vw;z-index:10;background-color:#fff;padding:1%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;box-shadow:2px 2px 5px rgba(51,61,71,.4);border:2px solid #c74778;border-radius:20px;top:50%;left:50%;transform:translate(-50%,-50%)}.exit-icon{color:#c74778;min-width:20px;text-align:right;font-size:1.25em;transform:translateY(10px);background:none;cursor:pointer;height:0;z-index:20;align-self:flex-end}.exit-icon:hover{transform:scale(1.02) translateY(10px);text-shadow:2px 2px 5px rgba(51,61,71,.3)}.wide-art-gallery{display:flex;flex-direction:row}}@media only screen and (max-width:500px){.art-gallery-container,.zoom-card-narrow{position:absolute}.zoom-card-narrow{z-index:10;background-color:#fff;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;bottom:0;right:0;left:0;overflow-y:scroll;-webkit-overflow-scrolling:touch;max-height:250vh}.exit-icon{color:#c74778;min-width:20px;text-align:right;font-size:1.25em;background:none;cursor:pointer;height:0;z-index:20;margin-top:2vw;margin-left:90vw}}.art-gallery-background{background-color:#fff;opacity:.5;height:100%;width:100%}.no-scroll{overflow-y:hidden;height:95vh}.avoid-clicks,.avoid-clicks *,.avoid-clicks>*{pointer-events:none;cursor:default}.background{background-color:#fff;opacity:.5}.background,.modal{height:100%;width:100%}.modal{position:fixed;top:0;left:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content{background-color:#fff;padding:20px;text-align:center;border-radius:10px}button{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer}button:hover{background-color:#45a049}
/*# sourceMappingURL=main.3b33aaba.chunk.css.map */