#root,body,html{margin:0;padding:0;height:100vh;background:#faf9fa}.main{text-align:center;font-size:50px;margin:20px;font-family:cursive;color:#174c75;font-weight:700}.photoGrid{width:100vw;height:100vh;display:grid;grid-template-columns:auto auto auto;justify-content:center;align-items:center;grid-gap:10px}@media Screen and (max-width:900px){.photoGrid{grid-template-columns:repeat(auto-fill,250px)}}.card{width:250px;height:400px;background-color:#fff;border:3px solid #d3d3d3;position:relative}.card img{width:100%;height:auto;min-height:60%;max-height:75%;z-index:-1}.card .like-animation{position:absolute;color:#fff;top:30%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation-name:likeAnimation;animation-name:likeAnimation;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes likeAnimation{0%{font-size:0}to{font-size:100px}}@keyframes likeAnimation{0%{font-size:0}to{font-size:100px}}.card .caption{width:100%;height:auto;min-height:10%;margin-top:10px;margin-left:20px}.card .like-comment button{width:100px;height:40px;margin-left:16px;border:2px solid #d3d3d3;font-weight:700}.card .like-comment button,.card .like-comment button a{font-size:15px;color:#174c75;text-decoration:none}.card .like-comment button:first-child{position:absolute;bottom:20px}.card .like-comment button:nth-child(2){position:absolute;bottom:20px;left:116px}.single{background-color:#fff;width:100%;height:auto;border:3px solid #d3d3d3;box-sizing:border-box;padding:10px}.single-card{position:relative;width:70%;height:60%;display:block;margin:auto}.single img{height:auto;max-width:500px}@media Screen and (max-width:1100px){.main{font-size:36px}.single img{max-width:60%}}.single .caption{max-width:500px;font-size:18px;padding-left:10px;margin-top:5px}.single button{width:200px;height:30px;background-color:#fff;border:3px solid #d3d3d3;font-size:18px;border-radius:10px}@media Screen and (max-width:800px){.single button{width:60%}}.single button:first-child{margin-right:20px}.single #comments{float:right;padding-top:20px;padding-right:5%;width:30%}.single input{border:none;width:100%;height:30px;cursor:pointer}.comment .close{color:red;float:right;display:block;font-size:20px}
/*# sourceMappingURL=main.755ba9df.chunk.css.map */