body{margin:0;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}.App{text-align:center;background-color:#000;width:100vw;height:100vh;overflow-x:hidden;font-family:verdana}.LandingPage{overflow:hidden!important}.Title{position:relative;bottom:8vh}.SignInSignUpBox{width:25vw;height:60vh;background:linear-gradient(-45deg,red,#f17,#790086,#23d5ab);background-size:300% 300%;animation:gradient 10s ease infinite;-webkit-animation:gradient 10s ease infinite;-moz-animation:gradient 10s ease infinite;position:relative;bottom:12vh;overflow:hidden;border-radius:10px}.SignIn{padding:1vw}b{text-decoration:none;transition:all .5s}p:first-child b{color:#fff;-webkit-animation:neon 2s ease-in-out infinite alternate;animation:neon 2s ease-in-out infinite alternate}.SignUpButton{position:relative;bottom:18vh}.EmailError,.NoInformation,.PasswordError{opacity:1;animation:fadeInAndOut 3s;-webkit-animation:fadeInAndOut 3s;-moz-animation:fadeInAndOut 3s;color:#000;position:relative;top:1.5vh}.NoInformation{font-size:36px!important}.NoEmail,.NoPassword{opacity:1;animation:fadeInAndOut 3s;-webkit-animation:fadeInAndOut 3s;-moz-animation:fadeInAndOut 3s;color:#000;position:relative;top:1.5vh}.NoPassword{font-size:36px!important}.AccountCreated,.SignUpEmailExist,.SignUpNoEmail,.SignUpNoUsername,.SignUpPasswordMatch,.SignUpUsernameExist{opacity:1;animation:fadeInAndOut 3s;-webkit-animation:fadeInAndOut 3s;-moz-animation:fadeInAndOut 3s;color:#fff;background-color:#000;position:relative;bottom:2vh;font-size:36px!important}@-webkit-keyframes neon{0%{text-shadow:0 0 10px #000,0 0 20px #000,0 0 30px rgbrgb(0,0,0) 0 40px #f17,0 0 70px #f17,0 0 80px #f17,0 0 100px #f17,0 0 150px #f17}to{text-shadow:0 0 5px #fdd,0 0 10px #fdd,0 0 15px #fffb00,0 0 20px #f17,0 0 35px #f17,0 0 40px #f17,0 0 50px #f17,0 0 75px #f17}}@keyframes neon{0%{text-shadow:0 0 10px #000,0 0 20px #000,0 0 30px rgbrgb(0,0,0) 0 40px #f17,0 0 70px #f17,0 0 80px #f17,0 0 100px #f17,0 0 150px #f17}to{text-shadow:0 0 5px #fdd,0 0 10px #fdd,0 0 15px #fffb00,0 0 20px #f17,0 0 35px #f17,0 0 40px #f17,0 0 50px #f17,0 0 75px #f17}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes fadeInAndOut{0%{display:none;opacity:0}1%{display:block;opacity:0}70%{display:block;opacity:1}to{display:block;opacity:0}}@-webkit-keyframes fadeInAndOut{0%{display:none;opacity:0}1%{display:block;opacity:0}70%{display:block;opacity:1}to{display:block;opacity:0}}.Feed{height:89vh;width:45vw;margin-top:5vh;left:27.5vw}.Card,.Feed{position:relative}.Card{color:#fff;width:40vw;height:auto;background-color:#201e1d;top:2vh;left:2.5vw;border-radius:1%;border:1px solid #414141;margin-bottom:2vh}.Card:hover{border-style:solid;border-color:#6d6d6d}.CardTitle{font-size:24px;position:relative;bottom:1.5vh}.CardCaregory{font-size:14px;position:relative;left:1.5vw}.CardPostedBy{font-size:12px;position:relative;left:1.75vw;top:.3vh}.CardPostImage{position:relative;bottom:1vh}.PostImage{max-width:35vw!important;max-height:35vh!important}.Time{font-size:12px;position:relative;left:2.5vw;top:.1vh}.CommentButton{position:relative;max-width:6vw;min-width:6vw;min-height:2.5vh;max-height:2.5vh;bottom:.5vh;left:1.55vw}.CommentButton:hover{background-color:#383838}.CommentImage{position:relative;width:.75vw;height:1.5vh;top:.5vh;left:1vw}.CommentCount{font-size:12px;position:relative;left:1.5vw;top:.25vh}.ShareButtonDiv{position:relative;max-width:6vw;min-width:6vw;min-height:2.5vh;max-height:2.5vh;bottom:.5vh;left:1.55vw}.ShareButtonText{font-size:12px;position:relative;top:.25vh}.ShareButtonDiv:hover{background-color:#383838}.SideUpvoteDownvoteBar{left:.35vw}.PostSideUpvoteDownvoteBar,.SideUpvoteDownvoteBar{height:auto;width:2.5vw;border-radius:20% 0 0 20%;-webkit-align-items:center;align-items:center;position:relative;top:1vh}.PostSideUpvoteDownvoteBar{left:1.4vw}.SideColumn{background-color:hsla(0,0%,50.2%,.048);border-color:#9e9e9e;border-top-left-radius:.2vw;border-bottom-left-radius:.2vw}.MainCardColumn,.SideColumn{padding-right:0!important;padding-left:0!important}.UpvoteCount{font-size:12px}.PostInformation,.UpvoteDiv{position:relative}.UpvoteDiv{border-top-right-radius:2vw;border-top-left-radius:2vw;width:1vw;height:3vh}.UpvoteIcon{position:relative;left:-.8vw!important}.PostDetailPage{height:100vh;width:100vw;color:#fff}.PostDetailFeed{position:relative;height:60.5vh!important;width:65vw!important;margin-top:5vh;left:17.5vw;background-color:#201e1d}.PostDetailSideUpvoteDownvoteBar{padding-right:0!important;padding-left:0!important;background-color:hsla(0,0%,50.2%,.048);border-color:#9e9e9e;border-top-left-radius:.2vw;border-bottom-left-radius:.2vw}.PostDetailCardCategory{font-size:14px;position:relative;left:1.5vw;padding-top:1vh}.PostDetailCardPostedBy{left:1.75vw}.PostDetailCardPostedBy,.PostDetailTime{font-size:12px;position:relative;top:1.3vh}.PostDetailTime{left:2.5vw}.PostDetailCardTitle{font-size:24px;position:relative}.PostDetailCardImage{position:relative}.DetailPostImage{max-width:50vw!important;max-height:50vh!important}.PostDetailsSideBar{height:62vh;width:2.5vw;bottom:.1vh;left:1.1vw!important;border-radius:20% 0 0 20%;-webkit-align-items:center;align-items:center;position:relative;left:.35vw;top:1vh}.PostContent{text-align:left;height:48vh;font-size:12px}.CommentFeed{position:relative;height:auto!important;width:65vw!important;background-color:#201e1d}.CommentBox{width:60vw!important;border:1px solid #fff;margin-top:.5vh;margin-left:.5vw}.CommentPostedBy{position:relative}.CommentContent{margin-top:1vh;left:2vw!important;font-size:16px;width:55vw}.CommentContent,.CommentHead{position:relative;text-align:left}.CommentHead{font-size:12px;left:1.5vw!important;top:1.25vh}.PostCommentButton{background-color:#000!important;border:1px solid grey!important;color:#fff!important;position:relative;bottom:1vh!important;left:30vw!important}.PostCommentButton:hover{background-color:#272525!important}.Navbar{max-height:6vh!important;min-height:6vh!important;overflow:hidden!important}.DropdownMenu{z-index:-1}.Welcome{color:#fff}.Welcome0{right:65vw;z-index:1!important}.Welcome0,.Welcome1{color:#fff;font-size:72px;position:absolute;top:-2vh}.Welcome1{right:60vw}.Welcome2{right:55vw}.Welcome2,.Welcome3{color:#fff;font-size:72px;position:absolute;top:-2vh}.Welcome3{right:50vw}.Welcome4{right:45vw}.Welcome4,.Welcome5{color:#fff;font-size:72px;position:absolute;top:-2vh}.Welcome5{right:40vw}.Welcome6{color:#fff;font-size:72px;position:absolute;top:-2vh;right:35vw}.NavPostAdd{position:relative;right:1.5vw;bottom:.5vh}.LogoutButton{position:relative;right:74vw;cursor:pointer}.SubmitPage{color:#fff;width:50vw;margin-top:5vh;padding-top:2vh;padding-bottom:2vh;position:relative;left:25vw}.SubmitInputBars{width:40vw;position:relative;left:5vw}.PostContainer{border-bottom:1px solid #272726}.PostChoiceBar{padding-top:1vh;width:50vw!important;height:5vh!important}.PostNoImage{border-top-left-radius:5px;border-right:1px solid #42403f!important;border-bottom:1px solid #42403f!important}.PostNoImage,.PostNoImageClicked{width:16.67vw!important;height:5vh!important;background-color:#201e1d}.PostNoImageClicked{border-top-left-radius:5px;border-right:1px solid #42403f!important;border-bottom:2px solid #fff!important}.PostNoImage:hover{background-color:#272525}.PostNoImage:active{border-bottom:2px solid #fff!important}.PostNoImageText{padding-top:.75vh!important}.PostWithImage{border-bottom:1px solid #42403f!important}.PostWithImage,.PostWithImageClicked{width:16.67vw!important;height:5vh!important;background-color:#201e1d;border-right:1px solid #42403f!important}.PostWithImageClicked{border-bottom:2px solid #fff!important}.PostWithImage:hover{background-color:#272525}.PostWithImage:active{border-bottom:2px solid #fff!important}.PostWithImageText{padding-top:.75vh!important}.LinkPost{border-bottom:1px solid #42403f!important}.LinkPost,.LinkPostClicked{width:16.67vw!important;height:5vh!important;background-color:#201e1d;border-right:1px solid #42403f!important}.LinkPostClicked{border-bottom:2px solid #fff!important}.LinkPost:hover{background-color:#272525}.LinkPost:active{border-bottom:2px solid #fff!important}.LinkPostText{padding-top:.75vh!important}.TextPost{background-color:#201e1d;width:50vw!important;height:auto!important}.CategoryBar,.ContentBar,.TitleBar{padding-top:1vh!important;padding-left:1vw!important;padding-right:1vw!important}.SaveDraftButton{background-color:#000!important;border:1px solid grey!important;color:#fff!important}.SaveDraftButton:hover{background-color:#272525!important}.PostButton{background-color:#000!important;border:1px solid grey!important;color:#fff!important}.PostButton:hover{background-color:#272525!important}.PostButtonDiv{padding-left:1vw!important}.PostOptionsRow{position:relative;left:38.5vw;bottom:.75vh!important}.ImagePost{background-color:#201e1d;width:50vw!important;height:80vh!important}.ImageForm{position:relative;right:48vw}.PostedAlert{bottom:67vh}.PostedAlert,.PostedAlertText{opacity:1;font-size:24px!important;animation:fadeInAndOutPosted 3s;-webkit-animation:fadeInAndOutPosted 3s;-moz-animation:fadeInAndOutPosted 3s;position:relative;left:32vw;width:5vw}.PostedAlertText{bottom:4vh}.PostedSaved{bottom:67vh}.PostedSaved,.PostedSavedText{opacity:1;font-size:24px!important;animation:fadeInAndOutPosted 3s;-webkit-animation:fadeInAndOutPosted 3s;-moz-animation:fadeInAndOutPosted 3s;position:relative;left:29vw;width:8vw}.PostedSavedText{bottom:4vh}.PostError{bottom:67vh}.PostError,.PostErrorText{opacity:1;font-size:24px!important;animation:fadeInAndOutPosted 3s;-webkit-animation:fadeInAndOutPosted 3s;-moz-animation:fadeInAndOutPosted 3s;position:relative;left:17vw;width:20vw}.PostErrorText{bottom:4vh}.PostServerError{bottom:67vh}.PostServerError,.PostServerErrorText{opacity:1;font-size:20px!important;animation:fadeInAndOutPosted 3s;-webkit-animation:fadeInAndOutPosted 3s;-moz-animation:fadeInAndOutPosted 3s;position:relative;left:12.25vw;width:28vw}.PostServerErrorText{bottom:4vh}.PreviewPostImage{width:25vw;height:60vh;padding-top:5vh;position:-webkit-sticky;position:sticky}.PreviewPostImageDiv{background-color:#201e1d}@keyframes fadeInAndOutPosted{0%{display:none;opacity:0}1%{display:block;opacity:0}70%{display:block;opacity:1}to{display:block;opacity:0}}@-webkit-keyframes fadeInAndOutPosted{0%{display:none;opacity:0}1%{display:block;opacity:0}70%{display:block;opacity:1}to{display:block;opacity:0}}.UserChoiceBar{background-color:#272726;width:100vw;height:3vh;border-top:1px solid #42403f!important;border-bottom:1px solid #42403f!important;cursor:pointer;overflow:hidden}.UserPostButton{position:relative;left:50vw;width:3.5vw!important;top:.15vh}.UserPostButton:hover{background-color:#302e2e!important}.PublishedPostDiv{margin-top:2vh;background-color:#201e1d;height:auto;width:90vw;position:relative;left:2vw;border:1px solid #42403f!important}.EachPublishedPostDiv{border:1px solid #42403f!important;height:10vh}.EachPublishedPostDiv:hover{border:1px solid #6d6d6d!important}.UsersPublishedPostsImage{width:4.5vw!important;height:8vh!important;border-radius:15px;margin-top:1vh;margin-bottom:1vh;margin-left:.5vw}.UsersPublishedPostsSideColumn{background-color:hsla(0,0%,50.2%,.048);border-color:#9e9e9e;border-top-left-radius:.2vw;border-bottom-left-radius:.2vw}.UserPublishedPostSideUpvoteDownvoteBar{height:auto;width:2.5vw;border-radius:20% 0 0 20%;-webkit-align-items:center;align-items:center;position:relative;left:1.4vw;top:1vh}.UsersPublishedPostsTitle{font-size:18px;position:relative;top:.5vh;left:1.5vw}.UsersPublishedPostsCategory{font-size:12px;position:relative;left:1.5vw;top:1vh}.UsersPublishedPostsPostedBy{font-size:12px;position:relative;left:1.75vw;top:1vh}.UsersPublishedPostsTime{font-size:12px;position:relative;left:2.5vw;top:1vh}.UsersPublishedPostsCommentButton{position:relative;max-width:6vw;min-width:6vw;min-height:2.5vh;max-height:2.5vh;top:.75vh;left:1.55vw}.UsersPublishedPostsCommentButton:hover{background-color:#383838}.UsersPublishedPostsShareButtonDiv{position:relative;max-width:6vw;min-width:6vw;min-height:2.5vh;max-height:2.5vh;top:.75vh;left:1.55vw}.UsersPublishedPostsShareButtonDiv:hover{background-color:#383838}.UsersPublishedPostsShareButtonText{font-size:12px;position:relative;top:.35vh}.DeleteButton{position:relative;max-width:6vw;min-width:6vw;min-height:2.5vh;max-height:2.5vh;top:.75vh;left:1.55vw}.DeleteButtonText{font-size:12px;position:relative;top:.5vh}.DeleteButton:hover{background-color:#383838}.EditButton{position:relative;max-width:6vw;min-width:6vw;min-height:2.5vh;max-height:2.5vh;top:.75vh;left:1.55vw}.EditButtonText{font-size:12px;position:relative;top:.5vh}.EditButton:hover{background-color:#383838}.UsersButtonsRow{position:relative;bottom:3.5vh;left:11.5vw;cursor:pointer;color:#fff}.DropdownButton{background-color:#000!important;padding-left:1.8vw;padding-bottom:3.5vh;position:relative}.EditModalImage{height:50.5vh;width:22.5vw;position:relative;left:.9vw}.EditImageForm{background-color:#000;padding-bottom:1vh;padding-left:1.8vw}.EditImageInput{color:#fff}.loader{top:50%;left:50%;width:100px;height:100px;margin:50px;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loader .circle{width:50px;height:50px;display:block;position:absolute;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:rotating 2s ease-in-out infinite;animation:rotating 2s ease-in-out infinite}.loader .circle:after{content:"";top:0;left:0;width:10px;height:10px;display:block;border-radius:50%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fc0}.loader .circle.delay-1{-webkit-animation-delay:.125s;animation-delay:.125s}.loader .circle.size-1:after{width:11px;height:11px}.loader .circle.delay-2{-webkit-animation-delay:.25s;animation-delay:.25s}.loader .circle.size-2:after{width:12px;height:12px}.loader .circle.delay-3{-webkit-animation-delay:.375s;animation-delay:.375s}.loader .circle.size-3:after{width:13px;height:13px}.loader .circle.delay-4{-webkit-animation-delay:.5s;animation-delay:.5s}.loader .circle.size-4:after{width:14px;height:14px}.loader .circle.delay-5{-webkit-animation-delay:.625s;animation-delay:.625s}.loader .circle.size-5:after{width:15px;height:15px}.loader .circle.delay-6{-webkit-animation-delay:.75s;animation-delay:.75s}.loader .circle.size-6:after{width:16px;height:16px}.loader .circle.delay-7{-webkit-animation-delay:.875s;animation-delay:.875s}.loader .circle.size-7:after{width:17px;height:17px}.loader .circle.delay-8{-webkit-animation-delay:1s;animation-delay:1s}.loader .circle.size-8:after{width:18px;height:18px}.loader .circle.delay-9{-webkit-animation-delay:1.125s;animation-delay:1.125s}.loader .circle.size-9:after{width:19px;height:19px}.loader .circle.delay-10{-webkit-animation-delay:1.25s;animation-delay:1.25s}.loader .circle.size-10:after{width:20px;height:20px}.loader .circle.delay-11{-webkit-animation-delay:1.375s;animation-delay:1.375s}.loader .circle.size-11:after{width:21px;height:21px}.loader .circle.delay-12{-webkit-animation-delay:1.5s;animation-delay:1.5s}.loader .circle.size-12:after{width:22px;height:22px}@-webkit-keyframes rotating{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotating{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.9a0a8a62.chunk.css.map */