@import url(https://fonts.googleapis.com/css2?family=Sofia+Sans:wght@300;400;800&display=swap);html{font-size:12px}*{box-sizing:border-box;font-family:Sofia Sans,sans-serif;margin:0;padding:0}body{max-width:100vw}nav{background-color:#000;color:#fff;padding:50px 0;text-align:center}nav>h1{font-size:1.6rem}.searchbar{align-items:center;display:flex;justify-content:center;padding:30px}.searchbar input{border-radius:25px 0 0 25px;color:#000;font-size:1.2rem;padding:10px;width:300px}.searchbar button{background:#000;border-radius:0 25px 25px 0;color:#fff;font-size:1.2rem;padding:10px}.img-container{grid-gap:2px;display:grid;font-size:2rem;gap:2px;grid-template-columns:1.2fr 1.3fr 1.3fr 1.2fr;justify-content:flex-start;margin:0 auto;padding:0 0 5rem;width:80%}.card{position:relative}.card img{height:100%;object-fit:cover;width:100%}.description{background-image:linear-gradient(rgba(255,0,0,0) 10%,#000);bottom:0;color:#fff;display:flex;font-size:1.2rem;justify-content:space-between;left:0;padding:20px 10px 8px;position:absolute;width:100%}.card:hover .description,.overlay{display:none}.overlay{background-color:rgba(0,0,0,.5);height:100%;left:0;position:absolute;top:0;width:100%}.card:hover .overlay{display:block}.zoombtn{color:#fff;cursor:pointer;left:50%;position:relative;scale:1.5;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.imgmodal{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:modalanimation;animation-name:modalanimation;backdrop-filter:blur(6.1px);-webkit-backdrop-filter:blur(6.1px);background:rgba(0,0,0,.93);bottom:0;box-shadow:0 4px 30px rgba(0,0,0,.1);left:0;position:fixed;right:0;top:0;z-index:1000}@-webkit-keyframes modalanimation{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes modalanimation{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}.modalelements{align-items:center;display:flex;flex-direction:column;gap:20px;margin-top:40px}button.closebtn{background-color:#443d3d;color:#fff;font-size:1.5rem;font-weight:700;padding:8px 16px}.details{color:#fff;display:flex;gap:10px;margin:0 auto;width:90vw}.imgzoom{height:80vh;width:75%}.imgzoom img{height:100%;object-fit:contain;width:100%}.imgdetails{margin-top:100px;width:25%}.imgdetails p{font-size:2.5rem;margin-bottom:10px}.user{font-size:3rem;font-weight:bolder}.interactions{align-items:center;display:flex;font-size:1.5rem;justify-content:space-between;margin-top:30px;text-align:center;width:100%}.tooltip{border-bottom:1px dotted #000;display:inline-block;position:relative}.tooltip .tooltiptext{background-color:#555;border-radius:6px;bottom:150%;color:#fff;left:50%;margin-left:-60px;padding:5px 0;position:absolute;text-align:center;visibility:hidden;width:100px;z-index:1}.tooltip .tooltiptext:after{border:5px solid transparent;border-top-color:#555;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.tooltip:hover .tooltiptext{visibility:visible}.tagcontainer{align-items:flex-start;display:flex;flex-wrap:wrap}.tag{font-size:2rem;margin:50px 0 0 5px}p.tagnames{background-color:hwb(180 55% 3%);border-radius:25px;color:#000;font-size:1.5rem;font-weight:bolder;margin:5px 10px 5px 0;padding:5px 20px;text-align:center}@media (max-width:830px){.img-container{grid-template-columns:1fr 1fr}.details{flex-direction:column}.imgzoom{height:60vh;width:100%}.imgdetails{margin-top:0;width:100%}.interactions{font-size:2rem;margin-top:10px;width:70%}}@media (max-width:550px){.searchbar input{width:150px}.img-container{grid-template-columns:1fr}button.closebtn{font-size:1.2rem;padding:6px 12px}.interactions{font-size:1.3rem;width:100%}.imgdetails p{font-size:1.5rem}.user{font-size:2rem}.tag{margin:10px 0 0}.tag,p.tagnames{font-size:1rem}}
/*# sourceMappingURL=main.caa13589.css.map*/