body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{padding:0;margin:0;background-color:#282c34}.App,body{height:100%}.App{width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.main-page{background:#282c34;display:flex;overflow-x:hidden;justify-content:center;align-items:center;font-family:"Montserrat",sans-serif}.main-page-wrapper{padding:3rem;width:90%}.nav-bar{font-size:2rem;color:#fff;font-weight:600;width:100%}.add-btn{top:90%;position:fixed;font-size:1.5rem;color:#202123;background-color:#f7df1e;padding:.75rem 3rem;border-radius:25px;font-weight:600;cursor:pointer;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.add-btn-wrapper{width:100%;display:flex;flex-direction:row;justify-content:center}.posting-modal{position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:2rem;background-color:#202123;border-radius:15px;color:#f7df1e;font-weight:600;display:flex;width:50%;flex-direction:column;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.input-wrapper{display:flex;margin-bottom:1rem;align-items:flex-start;justify-content:space-between}.input-wrapper label{margin-right:1rem}.input-wrapper input,.input-wrapper textarea{font-family:"Montserrat",sans-serif;font-weight:500;background-color:#282c34;border:none;box-shadow:none;outline:none;color:#f7df1e;flex-grow:0.8;font-size:1rem}.input-wrapper textarea{height:150px}.choose-file-btn{background-color:#282c34;padding:.4rem 1.5rem;border-radius:15px;cursor:pointer}.choose-file-btn:hover{opacity:.5}.submit-btn{background-color:#282c34;padding:.4rem 1.5rem;border-radius:15px;align-self:center;margin-top:1rem;cursor:pointer}.error-msg{color:red}.submit-btn:hover{opacity:.5}.close-btn{cursor:pointer}.close-wrapper{display:flex;justify-content:flex-end;margin-bottom:1rem}.success-msg{color:green}.panel-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:1rem}.close-btn{color:#f7df1e;font-weight:600}.panel{background-color:#202123;padding:1.5rem;color:#fff;margin-left:.5rem;margin-right:.5rem;margin-top:1rem;width:14rem;font-size:.9rem;font-weight:600;display:flex;flex-direction:column;cursor:pointer}.media-container{margin:.5rem 0;height:10rem;width:100%;display:flex;justify-content:center}.large-container img,.media-container img{max-width:100%;max-height:100%;object-fit:contain}.large-container{margin:.5rem 0;height:20rem;width:100%;display:flex;justify-content:center}.panel-header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.panel-content{margin:0;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:4;max-height:5rem;overflow:hidden;text-overflow:ellipsis;white-space:normal}.like-dislike-wrapper{display:flex;justify-content:flex-end;align-self:flex-end;flex-grow:1;margin-top:.5rem}.arrow{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-right:.5rem;cursor:pointer}.sort-by-wrapper{display:flex;justify-content:flex-end}.sort-by-btn{padding:.5rem 1rem;cursor:pointer}.sort-by-btn,.sort-by-dropdown{color:#282c34;background-color:#f7df1e;font-weight:600;border-radius:15px}.sort-by-dropdown{position:absolute;display:flex;flex-direction:column;align-items:center;padding-top:.5rem}.dropdown-opt{margin-bottom:.5rem;cursor:pointer}.panel-modal{position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:2rem;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);background-color:#202123;border-radius:15px;color:#fff;font-weight:600;font-size:1rem;width:60%}.nb-spinner{position:absolute;width:10rem;height:10rem;margin:0;background:transparent;border-top:4px solid #009688;border-right:4px solid transparent;border-radius:50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.loading-page{position:fixed;width:100%;height:100%;display:flex;justify-content:center;align-items:center;top:0;left:0}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.cd9b28d4.chunk.css.map */