.pageContainer{width:100%}html{background-color:#dae0e6}body{font-family:Avenir Next,Avenir,SegoeUI,sans-serif;width:100%;margin:0;padding:0;overflow-x:hidden}.field{display:flex;margin-bottom:1em;flex-flow:column-reverse}label{text-transform:uppercase}input,label{transition:all .2s;touch-action:manipulation;letter-spacing:.05em;font-size:16px}input{border:0;font-family:inherit;padding:0;cursor:text;font-size:1.2em;border-radius:0;border-bottom:1px solid #ccc}input:focus{border-bottom:1px solid #666;outline:0}.signUpFormPageContainer{display:flex;flex-direction:row;justify-content:center;width:80%;max-width:1100px;margin:14rem auto auto}.signUpFormContainer{display:flex;flex-direction:column;align-items:center;height:60%;width:40%;padding:12px;margin-right:20px;background-color:#fff;border-radius:4px}.signUpFormContainer,.signUpFormRules{box-shadow:0 5px 15px rgba(0,0,0,.35)}.signUpLogoDiv{display:flex;flex-direction:column;align-items:center;margin:auto}.signUpLogoDiv img{width:100px;height:100px}.registerSpan{padding:12px;font-weight:500}.innerSignUpFormContainer{display:flex;justify-content:center;width:90%;padding:12px;margin:auto}.signUpForm{display:flex;flex-direction:column;width:90%}.signUpUsernameDiv{width:100%;height:40px;margin-bottom:12px}.signUpFormInput{width:90%;margin-bottom:10px}.errorDiv{margin-bottom:15px;color:red}.createAccountDiv{display:flex;margin-top:12px}.createAccountDiv button{height:40px;width:150px;margin-left:6rem}#navBar{display:flex;width:100%;justify-content:space-between;align-items:center;font-size:16px;font-weight:500px;height:49px;border-bottom:1px solid #d8cbcb}#navBarContainer{position:fixed;top:0;background-color:#fff;width:100%;z-index:2}#rightNav{justify-content:flex-end;width:20%;position:relative}#logo_div,#rightNav{display:flex;align-items:center;height:100%}#logo_div{width:12%;padding-left:20px}#logo_div>a>img{height:100%;width:100px}.user_icon>img{width:35px;height:30px;margin-top:4px;border-radius:50%}.menu_drop>span{padding-left:5px;margin:auto;font-size:14px;font-family:verdana,sans-serif;color:#2b2828;align-items:center}.profileDropdownDiv{display:flex;justify-content:flex-start;align-items:center;padding:5px;margin-right:1rem;border-radius:4px;height:25px;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15)}.profileDropdownDiv:hover{cursor:pointer;box-shadow:0 0 .25em rgba(67,71,85,.27),0 .25em 1em rgba(90,125,188,.05)}.profileDropdownDiv:active{box-shadow:inset 0 30px 60px -12px rgba(50,50,93,.25),inset 0 18px 36px -18px rgba(0,0,0,.3)}.profileDropdown{flex-direction:row;height:35px}.menu_drop,.profileDropdown{display:flex;width:100%;align-items:center}.menu_drop{margin:auto;color:#595959;font-size:17px;padding-left:5px;padding-right:10px;height:100%}#menu{cursor:pointer;position:absolute;font-family:Avenir Next,Avenir,SegoeUI,sans-serif;z-index:2;top:60px;right:20px;width:200px;height:165px;background-color:#fff;display:flex;flex-direction:column;border-radius:5px;box-shadow:0 7px 29px 0 rgba(100,100,111,.2)}#menu>*{padding:15px;font-size:15px;display:flex;align-items:center;justify-content:flex-start;letter-spacing:.5px}#menu>:hover:not(.loggedInUser){text-shadow:2px 2px 4px #5c5757}.profilePageDropdown{text-decoration:none;color:#000}.loggedInUser{border-bottom:.2px solid rgba(89,89,89,.22745098039215686)}.loggedInUser:hover{cursor:default}.signInButton{font-family:Avenir Next,Avenir,SegoeUI,sans-serif;font-size:14px;font-weight:500;width:120px;height:33px;border-radius:9999px;border-style:none;color:#fff;margin-left:10px;margin-right:12px;background-color:#0079d3}.signInButton:hover{background-color:#05538e}.signInButton:active,.signInButton:hover{box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);cursor:pointer}.signUpButton{font-family:Avenir Next,Avenir,SegoeUI,sans-serif;font-size:14px;font-weight:500;width:120px;height:33px;border-radius:9999px;color:#0079d3;border:2px solid #0079d3;margin-left:10px;background-color:#f8fafe}.signUpButton:hover{box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);cursor:pointer}.signUpButton:active{box-shadow:inset 0 30px 60px -12px rgba(50,50,93,.25),inset 0 18px 36px -18px rgba(0,0,0,.3)}#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{position:absolute;background-color:#fff;border-radius:2%}.loginFormContainer{display:flex;flex-direction:column;align-items:center;height:515px;width:350px;padding:12px}.loginLogoDiv{margin:auto}.loginWelcome{margin-bottom:20px}.loginWelcome>span{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:18px}.innerLoginFormContainer{justify-content:center;padding:12px}.innerLoginFormContainer,.loginForm{display:flex;flex-direction:column;width:90%;margin:auto}.loginEmailDiv{display:flex;justify-content:center;margin-left:10px;width:100%;height:30px;margin-bottom:12px}.loginEmailInput{width:90%}.loginPasswordDiv{display:flex;justify-content:center;margin-left:10px;width:100%;height:30px;margin-bottom:12px}.loginPasswordInput{width:90%}.loginButtonsDiv{display:flex;flex-direction:column;align-items:center;height:55%}.loginDemoButtons{display:flex;width:90%;justify-content:space-between}.loginDemoButtons>button{height:100%;width:40%}.loginSignUpDiv{display:flex;flex-direction:column;width:50%;padding-top:10px;align-items:center;margin:auto}.modalLoginButton{font-family:Avenir Next,Avenir,SegoeUI,sans-serif;font-size:14px;font-weight:500;width:120px;height:33px;border-radius:9999px;border-style:none;color:#fff;margin-left:10px;margin-right:12px;background-color:#0079d3}.modalLoginButton:hover{box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);background-color:#05538e;cursor:pointer}.demoButton{font-family:Avenir Next,Avenir,SegoeUI,sans-serif;font-size:14px;font-weight:500;width:120px;height:33px;border-radius:9999px;border-style:none;color:#fff;margin-left:10px;margin-right:12px;background-color:#4982ae}.demoButton:hover{box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);background-color:#05538e;cursor:pointer}.loginSignUpDiv span{font-size:13px}.loginSignUpButton,.loginSignUpDiv span{font-family:Verdana,Geneva,Tahoma,sans-serif}.loginSignUpButton{margin-top:5px;width:80px;border-radius:10px;border-color:#3498db;color:#fff;box-shadow:inset 0 0 40px 40px #3498db,0 0 0 0 #3498db}.loginSignUpButton:hover{box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);background-color:#05538e;cursor:pointer}.loginSignUpButton:active{box-shadow:inset 0 30px 60px -12px rgba(50,50,93,.25),inset 0 18px 36px -18px rgba(0,0,0,.3)}.darkmodeToggle{background-color:initial;border:none;cursor:pointer;font-size:1.5rem;padding-top:.5rem;color:#85859a;outline:none;transition:color .3s ease}.darkmodeToggle:hover{color:#a0a0a0}.homePageDiv{display:flex;flex-direction:row;justify-content:center;width:100%;margin:auto}.rowOne{display:flex;flex-direction:column;margin-top:5rem}.outerPostContainer{display:flex;flex-direction:row;width:600px;align-items:flex-start;border:1px solid #cec3c3;margin-bottom:1.5rem;background-color:#f7f7fc;border-radius:4px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2)}.outerPostContainer:hover{border:1px solid #403b3b}.createPostDiv{flex-direction:row;width:600px;height:55px;border:1px solid #cdcdcd;margin-bottom:1.5rem;background-color:#fff;border-radius:4px;box-shadow:0 3px 8px rgba(0,0,0,.24)}.createIcon,.createPostDiv{display:flex;align-items:center}.createIcon{height:50px;width:40px}.createIcon>img{border-radius:50%;height:38px;width:45px;background-color:rgba(123,121,129,.467);margin-left:10px}.inputBox{box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15)}.inputBox:hover{border:1px solid #403b3b;box-shadow:inset 3px 3px 6px 0 #ccdbe8,inset -3px -3px 6px 1px hsla(0,0%,100%,.5)}.inputBox:active{box-shadow:inset 0 30px 60px -12px rgba(50,50,93,.25),inset 0 18px 36px -18px rgba(0,0,0,.3)}.createInputContainer>input{display:flex;text-indent:20px;flex-direction:row;background-color:#f6f7f8;border-style:none;border-radius:4px;width:500px;height:38px;align-items:center;margin-left:20px}.createPostDiv>input:hover{cursor:text}.voteDiv{justify-content:center;align-items:center;padding:10px}.postContainer,.voteDiv{display:flex;flex-direction:column}.postContainer{justify-content:flex-start;width:100%;height:100%;padding-left:20px;background-color:#fff}.postTopDescription{display:flex;font-size:12px;font-family:verdana,sans-serif;color:#2b2828;padding-top:5px}.postContent{padding-bottom:5px;word-break:break-all}.postUsername{margin-left:1rem;margin-right:1rem}.postTitle{font-size:18px;font-family:verdana,sans-serif;color:#2b2828;padding-top:5px;padding-bottom:20px;width:80%;word-wrap:break-word}.postUsername:hover{cursor:pointer;text-decoration:underline}.postImage{width:95%;height:100%}.rowTwo{display:flex;width:310px;flex-direction:column;align-content:flex-end;margin-top:5rem;margin-left:20px;margin-right:10px}.subredditSuggestions{height:430px}.createSubreddit,.subredditSuggestions{display:flex;border:1px solid red;background-color:#f2f4f5;width:310px}.createSubreddit{margin-top:20px;height:150px}.homepageSubredditDescriptionDiv{display:flex;flex-direction:row;align-content:center;height:40px;width:288=7px;padding:12px}.homepageSubredditDescriptionDiv:hover{box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);cursor:pointer}.homepageSubredditDescriptionDiv:active{box-shadow:inset 3px 3px 6px 0 #ccdbe8,inset -3px -3px 6px 1px hsla(0,0%,100%,.5)}.homepageSubredditDescription{display:flex;align-content:center;height:50px}.homePageSubredditInfo{height:500px;border:1px solid #cec3c3;background-color:#f2f4f5;border-radius:4px;overflow-y:scroll hidden;box-shadow:0 2px 8px 0 rgba(99,99,99,.2)}.homeSubredditIcon>img{border-radius:50%;height:40px;width:40px}.homeSubredditName{padding-left:15px;align-self:center;font-size:17px;font-family:Avenir Next,Avenir,SegoeUI,sans-serif}.subredditCreateDiv{height:100px}.createSubredditButton,.subredditCreateDiv{display:flex;align-items:center;justify-content:center}.createSubredditButton{font-family:verdana,sans-serif;font-size:14px;border-radius:9999px;width:290px;height:40px;color:#f2f4f5;background-color:#0079d3}.createSubredditButton:hover{box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);background-color:#0064b1;cursor:pointer}.homepageSubredditContent{overflow-y:scroll;height:350px}.developerInfoDiv{display:flex;flex-direction:column;margin-top:20px;height:150px;width:310px;border-radius:4px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2)}.developerInfoContent{display:flex;color:#fff;font-size:12px;background-color:#0179d3;height:20%;width:100%;align-items:center;border-radius:4px}.developerInfoContent span{padding-left:10px}.devLinkIcons{display:flex;flex-direction:column;height:80%;width:100%}.iconContainer{display:flex;width:100%;background-color:#f2f4f5;height:100%;margin-bottom:1px;text-decoration:none;color:#000}.iconContainer:hover{box-shadow:0 5px 15px rgba(0,0,0,.35);cursor:pointer;border-radius:4px}.iconContainer:active{box-shadow:inset 3px 3px 6px 0 #ccdbe8,inset -3px -3px 6px 1px hsla(0,0%,100%,.5)}.githubIcon{display:flex;flex-direction:row;width:50%;height:100%;margin-bottom:10px;margin-left:10px;align-items:center}.githubIcon span{padding-left:10px}.githubIcon img{height:40px;width:40px}.linkedInIcon{display:flex;flex-direction:row;align-items:center;width:50%;height:100%;margin-left:10px}.linkedInIcon span{padding-left:10px}.linkedInIcon img{height:40px;width:40px}.thickUpvote{color:rgba(255,140,0,.998);width:24px;height:24px;stroke-width:1.25}.thickUpvote:hover{cursor:pointer}.thickUpvoteNormal{color:rgba(255,140,0,.142);width:24px;height:24px;stroke-width:1.25}.thickUpvoteNormal:hover{color:rgba(255,140,0,.434);cursor:pointer}.upvotedTotalCount{color:rgba(255,140,0,.998);font-family:Verdana,Geneva,Tahoma,sans-serif}.thickDownvote{color:rgba(0,0,255,.772);width:24px;height:24px;stroke-width:1.25}.thickDownvote:hover{cursor:pointer}.thickDownvoteNormal{color:rgba(0,0,255,.201);width:24px;height:24px;stroke-width:1.25}.thickDownvoteNormal:hover{color:rgba(0,0,255,.379);cursor:pointer}.downvotedTotalCount{color:rgba(0,0,255,.772)}.downvotedTotalCount,.unvotedTotalCount{font-family:Verdana,Geneva,Tahoma,sans-serif}.postSubredditName:hover{cursor:pointer;text-decoration:underline}.formPageContainer{display:flex;flex-direction:row;justify-content:center;width:80%;max-width:1100px;margin:7rem auto auto;padding:20px;border:1px solid #cec3c3;background-color:#fff}.createPostTitle{border-bottom:1px solid hsla(0,0%,50.2%,.321);padding:12px;width:70%;font-size:22px;color:#131111;font-family:Verdana,Geneva,Tahoma,sans-serif}.formContainer{display:flex;padding:20px;flex-direction:column;margin:auto;width:80%}.mainFormContainer{height:400px;width:100%;background-color:#fff;border:1px solid #cec3c3;border-radius:4px;box-shadow:0 5px 15px rgba(0,0,0,.35)}.createPostType>button{height:45px;width:15%;outline:none;padding:15px 17px;background-color:#fff;border-color:hsla(0,0%,50.2%,.528);border-style:solid;border-width:0 1px 1px 0;cursor:pointer;font-family:Verdana,Geneva,Tahoma,sans-serif}.createInputBoxes{margin:auto;width:95%;height:62%;padding:16px}.createTitleInputBox{height:35px;margin-bottom:10px}.createTextInputBox,.createTitleInputBox{font-family:Verdana,Geneva,Tahoma,sans-serif;width:95%;outline:none;border:1px solid hsla(0,0%,50.2%,.528)}.createTextInputBox{font-size:14px;text-align:start;height:140px}.createPostButtonDiv{display:flex;flex-direction:row;justify-content:flex-end;margin-top:5px;width:95%;height:35px}.createPostButtonDiv button{font-family:Avenir Next,Avenir,SegoeUI,sans-serif;font-size:14px;font-weight:500;width:120px;height:33px;border-radius:9999px;border-style:none;color:#fff;margin-left:10px;margin-right:12px;background-color:#0079d3}.createPostButtonDiv button:hover{box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);background-color:#05538e;cursor:pointer}.createButtonText:focus{font-weight:400px;color:#0079d3;border-bottom:3px solid #0079d3;box-shadow:inset 3px 3px 6px 0 #ccdbe8,inset -3px -3px 6px 1px hsla(0,0%,100%,.5)}.createButtonText:hover{background-color:rgba(107,154,188,.24313725490196078)}.createButtonImage:focus{font-weight:400px;color:#0079d3;border-bottom:3px solid #0079d3;box-shadow:inset 3px 3px 6px 0 #ccdbe8,inset -3px -3px 6px 1px hsla(0,0%,100%,.5)}.createButtonImage:hover{background-color:rgba(107,154,188,.24313725490196078)}.createButtonLink:focus{font-weight:400px;color:#0079d3;border-bottom:3px solid #0079d3;box-shadow:inset 3px 3px 6px 0 #ccdbe8,inset -3px -3px 6px 1px hsla(0,0%,100%,.5)}.createButtonLink:hover{background-color:rgba(107,154,188,.24313725490196078)}.subredditDropdownDiv{position:relative;box-sizing:border-box;min-width:300px;margin-bottom:10px;height:40px}.subredditDropdownSelect{font-family:Verdana,Geneva,Tahoma,sans-serif;height:35px;width:300px;outline:none;border:1px solid hsla(0,0%,50.2%,.528);box-shadow:0 1px 0 rgba(17,17,26,.1)}.sideCreateContainer{display:flex;flex-direction:column;border:1px solid #cec3c3;height:300px;width:280px;margin-top:4.5rem;background-color:#fff;padding:12px}.postingRules{display:flex;align-items:center;height:60px;width:260px;margin:auto}.postingRules>img{width:45px;height:40px;margin-left:10px}.postingRules>span{padding-left:10px;font-family:Verdana,Geneva,Tahoma,sans-serif}.sideCreateContainer>ol{padding:5px 20px;margin:auto}.ruleList{width:260px;font-size:15px;padding:10px 5px;font-family:Verdana,Geneva,Tahoma,sans-serif}textarea{resize:none}.outerPostDetailContainer{width:850px}.postDetailContainer{display:flex;flex-direction:column;justify-content:flex-start}.postDetailImage{width:750px;height:630px;padding-bottom:2rem}.postPageAboutSubreddit{display:flex;align-content:center;height:35px;width:310px;background-color:#a1a2b4}.postPageAboutSubreddit>img{border-radius:4px;max-width:310px}.postDescriptionSubredditLogo{display:flex;align-items:center;height:80px;padding:12px}.subredditLgo{border-radius:50%;height:50px;max-width:55px;margin-right:8px}.postDescriptionSubredditLogo>span{font-size:16px;font-family:Verdana,Geneva,Tahoma,sans-serif}.postDescriptionSubredditLogo:hover{cursor:pointer;box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15)}.goBackHome{display:flex;justify-content:center;align-items:center;margin:auto;width:100%;height:40px;color:#fff;background-color:#0079d3;border-radius:4px}.goBackHome span{text-decoration:none}.goBackHome:hover{box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);background-color:#05538e;cursor:pointer}.goBackHome:active{box-shadow:inset 0 30px 60px -12px rgba(50,50,93,.25),inset 0 18px 36px -18px rgba(0,0,0,.3)}.editCommentFormButton{height:23px;width:100px;border-radius:4px;align-items:center;font-family:verdana,sans-serif;font-size:12px;margin-left:5px;justify-content:center;color:#f2f4f5;border-style:none;background-color:#0079d3}.editCommentFormButton:hover{box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);background-color:#05538e;cursor:pointer}.cancelEditCommentButton{height:22px;width:100px;border-radius:4px;align-items:center;font-family:verdana,sans-serif;font-size:12px;margin-left:5px;justify-content:center;color:#f2f4f5;border-style:none;background-color:#de2f2f}.cancelEditCommentButton:hover{box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);background-color:#9c1414;cursor:pointer}.commentFormContainer{display:flex;background-color:#fff;box-shadow:0 2px 8px 0 rgb(99 99 99/20%)}.innerCommentFormContainer{margin:auto auto 20px}.commentForm,.innerCommentFormContainer{display:flex;flex-direction:column}.commentTextBox{width:500px;height:100px}.createCommentButtonDiv{display:flex;justify-content:flex-end}.createCommentButtonDiv button{height:30px;width:125px;border-radius:4px;align-items:center;font-family:verdana,sans-serif;font-size:12px;justify-content:center;color:#f2f4f5;border-style:none;background-color:#0079d3}.commentAsSpan{font-size:12px}.commentDiv{height:100%;margin-top:12px;background-color:#fff;box-shadow:0 2px 8px 0 rgb(99 99 99/20%)}.commentDiv,.commentHeader{display:flex}.commenterIcon img{border-radius:50%;height:38px;width:38px;padding:5px}.commentContent{margin-top:10px;margin-bottom:10px;margin-left:10px}.commentContent span{margin-right:10px}.innerCommentDiv{display:flex;flex-direction:column;word-break:break-all;width:500px;margin-top:10px;margin-bottom:10px}.deleteCommentButton{height:20px;width:60px;border-radius:4px;margin-left:5px;margin-right:5px;align-items:center;font-family:verdana,sans-serif;font-size:12px;justify-content:center;color:#f2f4f5;border-style:none;background-color:#de2f2f}.deleteCommentButton:hover{box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);background-color:#9c1414;cursor:pointer}.editCommentButton{height:20px;width:60px;border-radius:4px;align-items:center;font-family:verdana,sans-serif;font-size:12px;justify-content:center;color:#f2f4f5;border-style:none;background-color:#0079d3}.editCommentButton:hover{box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);background-color:#05538e;cursor:pointer}.replyButton{height:20px;width:65px;margin-top:5px;border-radius:4px;text-align:center;align-items:center;font-family:verdana,sans-serif;font-size:12px;justify-content:center;color:#f2f4f5;border-style:none;background-color:#0079d3}.replyButton:hover{box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);background-color:#05538e;cursor:pointer}.replyOuterContainer{display:flex;margin-top:8px}.replyContainer{display:flex;flex-direction:column;width:90%;max-width:540px;word-break:break-all;padding:12px}.commenterIconDiv,.replyContainer{background-color:#fff;box-shadow:0 2px 8px 0 rgb(99 99 99/20%)}.replyText{margin-top:12px;margin-bottom:10px}.editPostFormPageContainer{display:flex;flex-direction:row;justify-content:center;width:80%;max-width:1100px;margin:7rem auto auto;padding:20px;border:1px solid #cec3c3;background-color:#fff;border-radius:4px}.innerEditPostFormPageContainer{width:90%;margin:auto;height:90%}.editPostFormContainer{display:flex;padding:20px;flex-direction:column;margin:auto;width:90%;height:50%}.editFormTitle{font-size:18px;font-family:Avenir Next,Avenir,SegoeUI,sans-serif;border-bottom:.5 solid #d3d3d3}.innerPostEditContainer{display:flex;flex-direction:column;border:1px solid #cec3c3;padding:12px;border-radius:4px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.innerPostEditContainer span{font-size:15px;font-family:Avenir Next,Avenir,SegoeUI,sans-serif;color:rgba(0,0,0,.565)}.editPostFormButton{display:flex;justify-content:center;margin-right:10px}.editPostFormButton button{color:#fff;background-color:#0079d3;border-style:none;height:30px;border-radius:9999px;width:90px}.editPostFormButton button:hover{box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);background-color:#05538e;cursor:pointer}.editPostFormButton button:active{box-shadow:inset 0 30px 60px -12px rgba(50,50,93,.25),inset 0 18px 36px -18px rgba(0,0,0,.3)}.createTitleInputBox{margin-top:5px}.editPreviewContainer{display:flex;flex-direction:column;width:100%;height:55%;padding:12px;box-shadow:0 4px 16px rgba(17,17,26,.1),0 8px 24px rgba(17,17,26,.1),0 16px 56px rgba(17,17,26,.1)}.editPreviewSpanDiv span{margin-left:3rem;font-size:16px;font-family:Avenir Next,Avenir,SegoeUI,sans-serif;text-decoration:underline}.editPreviewSpanDiv{width:100%;height:5%}.editPreviewContent{display:flex;flex-direction:column;margin:auto;width:90%;height:85%;padding:12px}.editPreviewTitle{display:flex;justify-content:center;height:15%;margin-bottom:10px}.editPreviewTitle span{font-size:20px;font-family:Avenir Next,Avenir,SegoeUI,sans-serif}.editPreviewText,.editPreviewTitle span{word-break:break-all;overflow-y:scroll;overflow:hidden}.editPreviewText{justify-content:center;padding:10px}.editPreviewImage,.editPreviewText{display:flex;font-family:Verdana,Geneva,Tahoma,sans-serif}.editPreviewImage img{width:100%;height:93%}.editPreviewLink{display:flex;justify-content:center;font-family:Verdana,Geneva,Tahoma,sans-serif;padding:10px}.userProfileInfo{display:flex;flex-direction:column;background-color:#f2f4f5;height:380px;width:320px;margin-top:1.34rem;border-radius:4px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2)}.userProfileBanner{height:95px;background-color:#0079d3;border-radius:4px}.profileInfodDiv{border:1px solid #f2eaea;height:100px;width:118px;top:8rem;margin-left:20px;background-color:#f2f4f5;position:absolute}.profileInfodDiv>img{height:99px;width:118px}.profileInfodDiv>span{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:15px;margin-left:5px}.noPostsYetDiv{display:flex;flex-direction:row;width:600px;align-items:flex-start;justify-content:center;border:1px solid #cec3c3;margin-bottom:1.5rem;background-color:#f7f7fc;border-radius:2px;margin-top:1.23rem}.noPostsYetDiv>span{font-size:22px;padding:10px;font-family:Verdana,Geneva,Tahoma,sans-serif}.innerProfileInfoDiv{display:flex;flex-direction:column-reverse;height:100%;width:100%}.profileCreatePostDiv{display:flex;flex-direction:column;width:100%;align-items:center;margin-bottom:2rem}.editDeletePostButtonDiv{display:flex}.editDeletePostButtonDiv button{display:flex;height:20px;width:80px;align-items:center;font-family:verdana,sans-serif;font-size:14px;justify-content:center;color:#f2f4f5;border-style:none}.editPostButton{background-color:#0079d3;border-bottom-left-radius:0;border-bottom-right-radius:0}.editPostButton:hover{box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);background-color:#05538e;cursor:pointer}.deletePostButton{background-color:#de2f2f}.deletePostButton:hover{box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);background-color:#9c1414;cursor:pointer}.followedSubredditInfo{height:350px;width:320px;border:1px solid #cec3c3;background-color:#f2f4f5;border-radius:4px;overflow-y:scroll hidden;margin-top:2rem;box-shadow:0 2px 8px 0 rgba(99,99,99,.2)}.aboutFollowedSubreddit{display:flex;align-content:center;height:50px;width:100%;background-color:#0079d3;border-radius:2px}.aboutFollowedSubreddit>span{align-self:center;padding-left:15px;font-family:Avenir Next,Avenir,SegoeUI,sans-serif;font-weight:500;color:#f2f4f5}.followedSubredditContent{overflow-y:scroll;height:250px}.followedSubredditDescriptionDiv{display:flex;flex-direction:row;align-content:center;height:40px;width:288=7px;padding:12px}.followedSubredditDescriptionDiv:hover{box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);cursor:pointer}.followedSubredditDescription{display:flex;align-content:center;height:50px}.followedubredditName{padding-left:15px;align-self:center;font-size:17px;font-family:Avenir Next,Avenir,SegoeUI,sans-serif}.cakeDay{display:flex;flex-direction:column;justify-content:center;padding-top:7rem;padding-left:1.5rem;margin:auto;width:100%;height:50px}.cakeDaySpan{font-size:14px;font-weight:700}.errorPage{margin-top:5rem}.subredditFormPageContainer{display:flex;flex-direction:row;justify-content:center;width:80%;max-width:1100px;margin:7rem auto auto;padding:20px}.createSubredditTitle{padding:12px;margin-left:10px;width:70%;font-size:22px;color:#131111;font-family:Avenir Next,Avenir,SegoeUI,sans-serif}.subredditFormContainer{padding:20px;border:1px solid #cec3c3;margin:auto;width:60%;border-radius:5px}.subredditForm,.subredditFormContainer{display:flex;flex-direction:column;background-color:#fff}.subredditForm{height:50%;padding:20px 20px 40px;border-radius:5px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2)}.subredditForm>label{font-family:Avenir Next,Avenir,SegoeUI,sans-serif}.createSubredditInput{font-family:Avenir Next,Avenir,SegoeUI,sans-serif;height:35px}.createSubredditDescriptionInput,.createSubredditInput{width:95%;margin-bottom:10px;outline:none;border:1px solid hsla(0,0%,50.2%,.528)}.createSubredditDescriptionInput{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:14px;text-align:start;height:140px}.editSubredditFormContainer{display:flex;flex-direction:row;width:600px;height:450px}.editSubredditFormTitle{margin-left:25px}.editSubredditFormTitle span{font-size:20px}.innerEditSubredditFormContainer,.subredditEditForm{margin:auto;width:90%;height:90%;display:flex;flex-direction:column}.editFormInputContainer{display:flex;margin:auto;width:85%;flex-direction:column;justify-content:center}.editFormInputContainer input{width:90%}.editSubredditButtonDiv{display:flex;height:35px;width:80px;margin:5px auto auto 60px}.editSubredditButton{width:120px;border-radius:9999px;border-style:none;background-color:#0179d3;color:#fff}.editSubredditPreview{display:flex;border:1px solid #d1c7c7;width:90%;height:100px;margin:auto auto 0}.innerSubredditPreview{width:100%}.editBannerPreview img{width:100%;height:62px;object-fit:cover}.editSubredditIconPreview{position:absolute;display:flex;width:20%;height:10%;margin-left:12px;top:13.5rem}.editIconBackground{border-radius:50%;position:absolute;height:30px;width:35px;background-color:#fff}.editIconBackground img{border-radius:50%;height:29px;width:34px;top:.1rem;margin-left:.4px;position:absolute;z-index:2}.outerEditSubredditPreview{display:flex;flex-direction:column;justify-content:center;border:1px solid #d1c7c7;width:80%;height:230px;margin:auto 20px auto auto;box-shadow:0 4px 16px rgba(17,17,26,.1),0 8px 24px rgba(17,17,26,.1),0 16px 56px rgba(17,17,26,.1)}.editSubredditPreviewTitle span{margin-left:10px;text-decoration:underline}.editSubredditPreviewNote{height:25px;width:90%;margin:10px auto auto}.editSubredditPreviewNote span{font-size:12px;font-weight:700}.rowOneSubreddit,.rowTwoSubreddit{display:flex;flex-direction:column;margin-top:1rem}.rowTwoSubreddit{width:310px;align-content:flex-end;margin-left:20px;margin-right:10px;border-radius:4px}.subredditButtonDiv{display:flex;margin-left:10px}.subredditButtonDiv button{width:70px;border-radius:9999px;border-style:none;color:#fff;margin-left:10px}.editSubredditButton{background-color:#0079d3}.editSubredditButton:hover{box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);background-color:#05538e;cursor:pointer}.deleteSubredditButton{background-color:#de2f2f}.deleteSubredditButton:hover{box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);background-color:#9c1414;cursor:pointer}.subredditBanner{display:flex;flex-direction:column}.subredditBanner>img{width:100%;height:200px;object-fit:cover;object-position:center}.subredditTitle{width:100%;position:relative;height:95px;background-color:#f2f4f5;margin-bottom:20px}.innerSubredditTitleDiv{display:flex;flex-direction:column;justify-content:space-between;width:929px;height:95px;margin:auto}.titleDivContent{display:flex;position:absolute;height:100px;width:414px;margin-bottom:14px;bottom:.1rem}.subredditIcon{border-radius:50%;width:75px;height:75px;margin-top:4px;margin-left:4px;position:absolute}.iconBackground{border-radius:50%;width:122px;height:80px;background-color:#fff}.subredditNameDiv{display:flex;flex-direction:column;margin-top:24px;padding-left:16px;height:80px;width:450px}.bigSubredditName{display:flex;width:1px;justify-content:space-between;font-family:verdana,sans-serif;font-size:24px;padding-bottom:5px}.littleSubredditName{font-family:verdana,sans-serif;font-size:14px}.subredditInformation{display:flex;flex-direction:column;background-color:#f2f4f5;height:330px;width:310px;border-radius:4px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2)}.aboutSubreddit{display:flex;align-content:center;height:50px;width:100%;background-color:#0079d3;border-radius:2px}.aboutSubreddit>span{align-self:center;padding-left:15px;font-family:Avenir Next,Avenir,SegoeUI,sans-serif;font-weight:500;color:#f2f4f5}.subredditDescriptionDiv{height:130px;width:288=7px;padding:12px}.subredditDescription{font-size:14px;font-family:verdana,sans-serif;word-wrap:break-word}.subredditCreatePostDiv{height:120px}.createSubredditPost,.subredditCreatePostDiv{display:flex;align-items:center;justify-content:center}.createSubredditPost{font-family:verdana,sans-serif;font-size:14px;border-radius:9999px;width:290px;height:40px;color:#f2f4f5;background-color:#0079d3}.createSubredditPost:hover{box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);background-color:#05538e;cursor:pointer}.joinToggleSubredditButton{border-radius:9999px;margin-left:15px;display:flex;align-items:center;font-family:verdana,sans-serif;font-size:14px;justify-content:center;color:#f2f4f5;border-style:none;background-color:#0079d3}.joinToggleSubredditButton:hover{box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);background-color:#05538e;cursor:pointer}.loadingState{margin-top:5rem}
/*# sourceMappingURL=main.57948332.chunk.css.map */