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}*{box-sizing:border-box;margin:0 auto;padding:0}ol,ul{list-style:none}a,ol,ul{color:#000;text-decoration:none}a,li{cursor:pointer}.header-container{border-bottom:1px solid #dedede;margin-bottom:30px;.header-wrap{display:flex;justify-content:space-between;padding:20px;.img-wrap{align-items:center;display:flex;height:40px;width:150px;img{width:100%}}.user-info-wrap{align-items:center;display:flex;gap:30px;li{color:block;font-weight:600}.user-login{position:relative;&:hover{.sub-menu{visibility:visible}}p{background-color:#0095f6;border:1px solid #0095f6;border-radius:8px;color:#fff;padding:10px 15px;text-align:center;width:100px;&:hover{background-color:#3c66ee;border:1px solid #3c66ee}}.sub-menu{background-color:#fff;border:1px solid #dedede;border-radius:8px;color:#0095f6;font-size:.85rem;left:-.1px;padding:15px;position:absolute;text-align:center;visibility:hidden;width:100px;z-index:1;&:hover{color:red}}}.upload{color:#0095f6;&:hover{color:#000}}}}}.footer-container{background-color:#dee3e7;color:#ecf0f1;font-family:Arial,sans-serif;margin-top:20px;padding:50px 0;text-align:center;.footer-list{display:flex;justify-content:center;list-style:none;margin:0;padding:0;.footer-item{margin:0 15px;.role{display:block;margin-bottom:5px}.name,.role{font-weight:700}.name{color:#3498db;font-size:1.2em}}.footer-item:hover .name{color:#1abc9c}}}p{font-size:15px;font-weight:700;padding-bottom:10px}.input-box{padding:30px 0}.input-wrap{input{border:none;height:25px;margin:0;outline:none!important;padding:0;width:280px}}.login{background:#0095f6;border:1px solid #d3d3d3;border-radius:5px;color:#fff;font-size:1rem;height:50px;margin-top:30px;width:320px}.login:hover{background:#3c66ee;color:#fff;cursor:pointer;font-weight:700}.google-login{align-items:center;background:#fff;border:1px solid #d3d3d3;border-radius:5px;color:#2f4f4f;display:flex;font-size:1rem;font-weight:700;height:55px;justify-content:center;margin:20px 0 30px;width:320px}.google_img{border:none;height:60px;margin:0;outline:none;width:320px}.input-google-wrap{align-items:center;display:flex;justify-content:center}.google-login:hover{color:#000;cursor:pointer}.signup-box{align-items:center;display:flex;font-size:14px;justify-content:center}.signup{color:#0095f6;font-weight:700;padding-left:20px}.error-message{color:tomato;font-size:14px;text-align:left!important}.posts-list-container{margin:auto;max-width:955px;min-height:100vh;width:100%;h2{color:#000;text-align:center}p{border-bottom:1px solid #dedede;color:#8e8a8a;margin-bottom:30px}.posts-container{display:flex;flex-wrap:wrap;gap:10px;width:100%;.img-wrapper{display:flex;height:309px;width:309px;img{height:100%;width:100%}}}}.container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1000px;min-height:100vh;width:100%;.post-detail-container{.img-wrapper{border:1px solid #dedede;border-radius:7px;height:400px;margin-bottom:30px;padding:20px;width:400px;img{height:100%;width:100%}}.content-wrapper{align-items:center;display:flex;flex-direction:column;gap:20px;max-width:400px;h2{font-size:1.3rem}p{font-size:.9rem;margin-bottom:30px}}}.comments-list{width:400px;.comments-wrap{border-bottom:1px solid #eae7e7;display:flex;margin-bottom:10px;padding:5px 20px;p:first-child{width:150px}p:last-child{flex:5 1}}}.comments-container{display:flex;margin-bottom:10px;padding-bottom:10px;.comments-wrapper{align-items:center;display:flex;gap:20px;margin:10px;width:400px;.comment-btn{background:#0095f6;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;height:40px;width:80px;&:hover{background-color:#3c66ee;border:1px solid #3c66ee}}}}.delete-btn{background:#0095f6;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;height:40px;width:80px;&:hover{background-color:#3c66ee;border:1px solid #3c66ee}}@media (max-width:600px){transform:scale(.9)}}.post-upload-container{margin:0 auto;max-width:1000px;width:100%;.post-input{display:flex;flex-direction:column;justify-content:center;.title-input{border-width:0 0 1px;height:30px;margin-top:20px}.content-input,.title-input{font-size:medium;margin-bottom:20px;padding:10px;width:500px}.content-input{border:1px solid #e0e0e0;border-radius:5px;height:300px}.fileUpload-btn{align-items:center;display:flex;width:300px;.input-file{display:none}.custom-file-upload{cursor:pointer;font-weight:700;padding:10px;width:150px}}.upload-btn{background:#0095f6;border:none;border-radius:10px;color:#fff;font-weight:700;height:40px;margin-top:10px;padding:10px;width:80px;&:hover{background-color:#3c66ee;border:1px solid #3c66ee}}}}.login-container,.sign-up-container{margin:0 auto;max-width:1000px;width:100%}.title{color:#000;font-size:2rem;padding-top:20px}.title,.title-sub{align-items:center;display:flex;font-weight:700;justify-content:center}.title-sub{font-size:15px;padding:10px 0}.input-box{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0;padding:20px 0}.email-box,.name-box,.password-box,.password-box-2{margin:0;padding:10px}.input-wrap{align-items:center;border:1px solid #d3d3d3;border-radius:5px;display:flex;font-size:13px;height:50px;padding-left:10px;width:320px;input{border:none;height:25px;margin:0;outline:none!important;padding:0;width:280px}}input{border:1px solid #d3d3d3;border-radius:5px;font-size:13px;height:50px;padding-left:10px;width:320px}input::placeholder{color:#d3d3d3}.last-box{align-items:center;display:flex;justify-content:center;margin-top:40px}.signup-btn{background:#0095f6;border:1px solid #d3d3d3;border-radius:5px;color:#fff;font-size:.9rem;height:50px;margin:0 5px;width:150px}.signup-btn:hover{background:#3c66ee;color:#fff;cursor:pointer;font-weight:700}.cancle-btn{background:#d3d3d3;border:1px solid #d3d3d3;border-radius:5px;color:gray;font-size:.9rem;height:50px;margin:0 5px;width:150px}.cancle-btn:hover{background:#a9a9a9;color:#fff;cursor:pointer;font-weight:700}.main-container{margin:0 auto;max-width:1000px;min-height:100vh;width:100%}
/*# sourceMappingURL=main.d63b04db.css.map*/