body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}body{font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;margin:0 auto;max-width:98%;width:1000px}.daysago{font-weight:400}.userInputContainer{background-color:#fff;gap:15px;margin:0 0 10px;padding:1ch;width:60%}@media (max-width:768px){.userInputContainer{margin:0;width:80%}}@media (max-width:480px){.userInputContainer{margin:0;width:90%}}.generate-submit-btn{background-color:#0074d9;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;margin:auto;padding:10px 20px;text-decoration:none}.generate-submit-btn :hover{background-color:#9cc3ec}a{text-decoration:none}.formContainer{align-items:center;background-color:#000;border-radius:5px;display:flex;gap:5px;justify-content:space-between;margin-top:20px;padding:16px;width:100%}.leftItem{width:40%}.leftItem,.rightItem{justify-content:flex-start;text-align:center}.rightItem{width:100%}.boxShadow{background-color:#fff;border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.2);padding:2%;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}.boxShadow:hover{box-shadow:0 0 20px rgba(0,0,0,.3)}.btnDiv{padding:10px 0}.inputContainer{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:8px}div .card .leftItem img{border-radius:50%;height:150px;object-fit:cover;width:150px}form .card .leftItem input{border-radius:50%;color:#fff;padding:80px}.react_button button{background-color:#fff;border:none;border-radius:70%;box-shadow:0 2px 4px #2f4f4f;color:#fff;cursor:pointer;font-size:31px;height:55px;padding:5px;transition:all .2s ease;width:55px}.react_button button:active{background-color:#fcfcfc;box-shadow:0 0 2px #0a1010;-webkit-transform:translateY(2px);transform:translateY(2px)}.react_button button:not(:first-child){margin-top:10px}form .card .commenet,form .card .title{width:50%}.btnContainer{display:flex;justify-content:space-evenly;margin:10px 0}textarea{border:1px solid #000;border-radius:4px;font-size:16px;height:15ch;margin-bottom:15px solid #e6e3e3;outline:none;padding:5px;width:80%}textarea:focus{border-color:#007bff}.file-input{display:none}.file-input-wrapper{display:inline-block;position:relative}.file-input-wrapper:after{color:#555;content:"No file chosen";display:inline-block;margin-left:10px}.file-input-wrapper .file-selected:after{color:#007bff;content:attr(data-text)}@media (max-width:768px){.formContainer{flex-direction:column;margin-top:0}}@media (max-width:480px){.formContainer{flex-direction:column;margin-top:0}.leftItem,.rightItem{width:100%}.leftItem img{height:100px;width:100px}}label{color:#333;display:block;font-weight:700;margin-bottom:8px}input{border:1px solid #000;border-radius:4px;font-size:16px;margin-bottom:15px solid #e6e3e3;outline:none;padding:5px;width:80%}input::-webkit-input-placeholder{color:#ccc;font-family:cursive;font-size:small;padding:2px}input::placeholder{color:#ccc;font-family:cursive;font-size:small;padding:2px}input:focus{border-color:#007bff}.btn{background-color:#4096ff;border:0;border-radius:8%;color:#fff;cursor:pointer;font-family:serif;font-size:14px;font-weight:600;padding:5px 15px;text-align:center;text-decoration:none}.btn:hover{background-color:#007bff}.btn.clicked{opacity:.5}.react,.react-me{display:block}.react-me{cursor:pointer;font-family:Helvetica;position:relative}.react-me .inner{bottom:100%;padding-bottom:15px;position:absolute}.react-me:hover .react-box{display:block}.react-box{background:#fff;border-radius:150px;box-shadow:0 1px 2px rgba(0,0,0,.3);display:none;list-style-type:none;margin:0;padding:0 5px}.react-box ul{display:flex;margin:0;padding:0}.react-box li{background:url(https://static.xx.fbcdn.net/rsrc.php/v2/yh/r/sqhTN9lgaYm.png) no-repeat;background-size:cover;display:inline-block;height:48px;position:relative;-webkit-transform:scale(.8) translateY(0);transform:scale(.8) translateY(0);transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;width:48px}.react-box li.like{background-position:0 -144px}.react-box li.love{background-position:0 -192px}.react-box li.haha{background-position:0 -96px}.react-box li.wow{background-position:0 -288px}.react-box li.sad{background-position:0 -240px}.react-box li.angry{background-position:0 0}.react-box li:before{background:rgba(0,0,0,.76);border-radius:20px;bottom:120%;color:#fff;content:attr(data-hover);display:none;font-family:Helvetica,Verdana,Arial;font-size:12px;font-weight:700;left:50%;line-height:20px;padding:0 8px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.react-box li:hover{-webkit-transform:scale(1) translateY(-5px);transform:scale(1) translateY(-5px);transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.react-box li:hover:before{display:inline-block}.cardContainer{align-items:flex-start;display:flex;justify-content:flex-start;max-width:80%;padding:5px 0;width:100%}.cardImg{border-radius:50%;height:40px;margin-top:20px;width:40px}.cardItem{min-width:100%;position:relative}.contentContainer{align-items:flex-start;background-color:#f0f2f5;border-radius:12px;display:flex;justify-content:space-between;margin:10px;padding:10px;width:100%}.cardName{color:#000;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:18px;font-weight:700}.replyback{color:#ef4f69}.cardComment{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:18px;font-weight:400;line-height:1.5}.cardBottomItem{display:flex}.cardBottomRightItem{align-items:center;background-color:#fff;border-radius:10px;bottom:-8px;box-shadow:0 0 15px rgba(0,0,0,.17);cursor:pointer;display:flex;justify-content:center;padding:0 2px;position:absolute;right:-30px;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}.cardBottomLeftItem{bottom:-16px;color:gray;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;font-weight:600;gap:10px;left:10px;padding-left:15px;position:absolute}.cardLikeBtn{border:none;color:#000;width:50%}.cardLikeBtn:hover{color:#9fa4ad;cursor:pointer}.reactImgContainer{align-items:center;display:flex;justify-content:center;margin-top:3%;padding-right:2px}.reactImg{cursor:pointer;height:20px}.likeCounter{color:#6b6b6b;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:14px}.delete-button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;height:30px;object-fit:cover;outline:none;padding:8px 16px;width:30px}@media (max-width:480px){.cardBottomRightItem{padding:0}.cardItem{min-width:100%;position:relative}}
/*# sourceMappingURL=main.384a34b4.css.map*/