#modal{display:flex;justify-content:center;align-items:center}#modal,#modal-background{position:fixed;top:0;right:0;left:0;bottom:0}#modal-background{background-color:rgba(0,0,0,.7)}#modal-content{background-color:snow;border:3px solid #000;border-radius:5px;max-width:90%;max-height:80%;overflow:auto;padding:20px 20px 15px}#modal-content,.profile-dropdown{position:absolute}.hidden{display:none}.nav-bar{border-bottom:2px solid #000;background-color:snow;position:fixed;top:0;display:flex;justify-content:space-between;height:80px;width:79%}.nav-bar .logo{width:300px}.signup-form-container{margin:20px}.signup-form-container h1{text-align:center}.signup-form-container label{font-weight:700;display:flex;flex-direction:column;justify-content:center;margin:10px 0;width:300px}.signup-button{background-color:#000;color:#fff;width:100%;height:30px;border-radius:25px;margin-top:10px}.signup-button:hover{cursor:pointer}.signup-form-container p{color:red}.post-modal-title{text-align:center}.post-modal-form{margin:20px}.post-modal-input{border:1px solid #000;width:98%;padding:5px;margin:10px 0}.post-modal-textarea{background-color:initial;width:98%;padding:5px;height:50px}.post-modal-button{background-color:#000;color:#fff;width:100%;height:30px;border-radius:25px;margin-top:10px}.post-modal-button:hover{cursor:pointer}.post-modal-error{text-align:center}.sideBar{border-right:2px solid #000;width:12%;height:100%;position:fixed;top:80px;padding:20px}.sideBar div{margin:13px 0}.sideBar-font{font-weight:700;display:flex;align-items:center}.sideBar-font i{font-weight:700;margin-right:10px}.sidebar-logout{display:flex;font-weight:700;text-align:center;margin:0 0 10px}.sidebar-logout i{margin:0 12px 0 3px}.sidebar-links:hover{cursor:pointer;max-width:auto}.create-post-modal button{background-color:#000;border-radius:25px;color:#fff;box-shadow:none;padding:15px;width:100%;font-weight:700;font-size:16px;height:50px;display:flex;justify-content:center;align-items:center;grid-gap:10px;gap:10px}.create-post-button-text i{margin-right:10px}.create-post-modal button:hover{cursor:pointer}.sidebar-login-signup{display:flex;flex-direction:column;align-items:start}.sidebar-login-signup button{border:transparent;background-color:snow;padding:0;font-weight:700;font-size:16px}.sidebar-login-signup button:hover{cursor:pointer}.sidebar-login-signup i{padding-right:10px}.about-links-container{position:fixed;bottom:1%;display:flex;flex-direction:column;text-align:start;font-weight:700}.about-links-container a{color:inherit;text-decoration:none}.gap{margin-right:10px}@media screen and (max-device-width:700px){.sideBar{border-right:0;border-bottom:2px solid #000;width:96%;height:50px;display:flex;flex-direction:column;position:fixed;background-color:snow;padding:0}.sideBar div{margin:0}.upper-sideBar{display:flex;height:100%;width:100%}.sideBar-home{display:flex;justify-content:center;width:33%}.user-sideBar{display:flex;flex-direction:row;justify-content:space-around;align-items:center;height:100%;grid-gap:10px;gap:10px;width:67%}.sidebar-links{margin:0}.create-post-modal button{border-radius:0;height:0}.sidebar-login-signup{display:flex;flex-direction:row;justify-content:space-around;align-items:center;height:100%;grid-gap:10px;gap:10px;width:67%}.about-links-container .link{margin:10px 0}}.comment-modal-title{text-align:center}.comment-modal-form{margin:20px}.comment-modal-input{border:1px solid #000;width:98%;padding:5px;margin:10px 0}.comment-modal-textarea{background-color:initial;width:98%;padding:5px;height:50px}.comment-modal-button{background-color:#000;color:#fff;width:100%;height:30px;border-radius:25px;margin-top:10px}.comment-modal-button:hover{cursor:pointer}.comment-modal-error{text-align:center}.post-comment-container{margin:20px;min-height:100px;max-height:200px;overflow-y:scroll}.post-comment-single-container{border-bottom:1px solid grey;margin:10px 10px 10px 0;display:flex;grid-gap:10px;gap:10px}.post-comment-comment-container{width:80%;display:flex;flex-direction:column;overflow-wrap:break-word;grid-gap:5px;gap:5px;margin:5px 0}.post-circle{font-size:4px}.post-comment-user{display:flex;align-items:center;grid-gap:10px;gap:10px}.post-comment-user a{text-decoration:none;color:#000;font-weight:700}.post-comment-date{font-size:11px}.post-comment-pic-container{margin:5px 0;width:50px}.post-comment-buttons button{border:transparent;color:grey;background-color:initial;padding:0;margin-top:10px;height:16px;display:flex}.post-comment-buttons button:hover{cursor:pointer;color:red}.likes-container{display:flex}.likes-container button .like-thumb{padding-left:7px}.likes-counter{display:flex;align-items:center;margin-left:10px;font-weight:700}.post-details-container{border:2px solid #000;margin:20px 10px}.post-profile-pic{border:1px solid #000;border-radius:50%;width:75px;height:75px}.post-user-date p{margin:5px;display:flex;align-items:center}.post-username{font-size:24px;font-weight:700}.post-user-button{border:1px solid #fff;display:grid;grid-gap:5px;gap:5px;height:32px}.post-user-buttons button{border:transparent;color:grey;background-color:initial;padding:0;margin-top:10px;height:16px}.post-user-buttons button:hover{cursor:pointer;color:red}.post-created{font-size:12px}.post-upper-details{display:flex;justify-content:space-between;margin:20px}.post-user-details{display:flex;align-items:center;grid-gap:10px;gap:10px}.post-body{margin:20px 0 20px 10%;width:80%;overflow-wrap:break-word}.post-pics{border:none;margin-left:10%;width:80%;height:100%;display:flex;grid-gap:15px;gap:15px;box-shadow:4px 4px 8px #000}.post-pics button{border:none;background-color:snow;padding:0;cursor:pointer;height:auto;width:100%}#modal-content img,.post-pics button img{width:100%;height:100%}.post-postComments{margin:20px}.post-comment-input form{margin:20px;display:flex;flex-direction:column;align-items:end;grid-gap:20px;gap:20px}.post-comment-input textarea{border:1px solid #000;font-size:14px;font-weight:700;min-height:50px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;box-shadow:2px 2px 4px #000;background:transparent;width:99%;padding:5px}.post-comment-input button{height:36px;border-radius:25px;font-size:16px;color:#fff;background-color:#000}.post-comment-input button:hover{cursor:pointer}.post-comment-bottom{width:100%;display:flex;flex-direction:row-reverse;justify-content:space-between}.post-comment-bottom button{width:150px}.like-counter{height:36px;border-radius:25px;font-size:16px;color:#fff;background-color:#000;width:150px;margin:0 0 20px 20px}.space{margin-left:10px}.post-landing-page-container{margin:0 20px 0 21%}.landing-page-container{margin-top:120px}.user-detail-container{margin:100px 0 0 25%}.user-detail-upper{margin:10px;display:flex;align-items:center}.user-detail-user-info{margin-left:5px}.user-detail-user-info p{margin:5px}.user-detail-name{font-weight:700;font-size:36px}.user-detail-bottom{font-size:18px}.user-detail-profile-pic{border:1px solid #000;width:200px;height:200px;border-radius:50%}body{font-family:"Wix Madefor Display",sans-serif;background-color:snow}.bottom-error{color:red;font-weight:700;margin:10px 0}#root{width:80%;margin-left:10%}@media (max-width:1039px){#root{width:100%;margin-left:0}.nav-bar{width:96%}.nav-bar .logo{margin:10px 0}.sidebar-navlink i{display:none}.sidebar-navlink .text{font-size:medium}.create-post-modal i,.sidebar-login-signup i{display:none}.create-post-modal button{border-radius:20px;height:20px;font-size:smaller}.landing-page-container{margin-top:90px}.post-landing-page-container{margin:0 5% 0 23%}}@media screen and (max-device-width:700px){.landing-page-container{margin-top:150px}.post-landing-page-container{margin:0 0 0 10%}}
/*# sourceMappingURL=main.219b7039.chunk.css.map */