@import url(https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&display=swap);:root{--primary:#efb6b2;--secondary:#4e4e4e;--error:#ff4a4a}body{margin:0;font-family:"Noto Serif";color:#4e4e4e;color:var(--secondary)}.App{max-width:960px;margin:0 auto}.signInButton{display:flex;margin-top:-40px;margin-left:70%}.title{flex-grow:1;display:flex;padding:.5rem;align-items:center}.title h1{color:#efb6b2;color:var(--primary);font-size:1.2rem;letter-spacing:2px;font-weight:400}.title h2,.title p{text-align:center}.title h2{margin-top:60px;font-size:2.6rem}.progress-bar{height:5px;background:#efb6b2;background:var(--primary);margin-top:20px}form{margin:30px auto 10px;text-align:center}label input{height:0;width:0;opacity:0}label{display:block;width:30px;height:30px;border:1px solid #efb6b2;border:1px solid var(--primary);color:#efb6b2;color:var(--primary);font-weight:700;font-size:24px;border-radius:50%;margin:1px auto;line-height:30px}label:hover{background:#efb6b2;background:var(--primary);color:#fff}.output{height:60px;font-size:.8rem}.error{color:#ff4a4a;color:var(--error)}.img-grid{margin:20px auto;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:40px}.img-wrap{height:20rem}.img-wrap img{width:100%;height:100%;object-fit:cover}.username{display:flex;font-weight:700;align-items:center}.username span{flex-grow:1}.user_name{vertical-align:12px}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.backdrop img{display:block;max-width:60%;max-height:80%;margin:60px auto;box-shadow:3px 5px 7px rgba(0,0,0,0,5);border:3px solid #fff}.backdrop-comments{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.comments{position:absolute;width:50%;height:80%;margin:3.5rem auto;background:#fff}.comment-header{width:90%;padding:1rem 1.5rem .5rem;display:flex}.comment-header h3{color:#000;flex-grow:1}.comment-container{width:79%;height:75%;padding:3rem;overflow-y:scroll}.comment{width:100%;padding:.5rem 1rem 0;margin-bottom:.5rem;border-bottom:1px solid #d3d3d3}.comment p{color:#000;font-family:sans-serif;display:flex;align-items:center;margin-bottom:.5rem}.comment p span{flex-grow:1}.comment-line{color:#636363;margin-left:3rem}.comment img{width:40px;height:40px;border-radius:50%;margin-right:5px}.comment-footer{position:absolute;height:15%;width:80%;top:auto;bottom:0;padding:.5rem 2rem;display:flex;justify-content:center;align-items:center;border-top:#c7c4c4}.comment-footer form{width:100%;display:flex}.comment-input{flex-grow:1;border:none;border-bottom:1px solid #837f7f;outline:none;padding:.5rem}.like-comment-buttons{display:flex;align-items:center}
/*# sourceMappingURL=main.0f750b54.chunk.css.map */