body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}.LayoutDiv{display:-moz-box;display:flex;width:100%;min-height:100vh}.middle{border-left:1px solid #f1f3f5;border-bottom-color:#f1f3f5;border-right:1px solid #f1f3f5;border-top-color:#f1f3f5;width:42%;margin-left:25%}.leftSide{border-left:1px solid;border-color:#e9f6ff;width:25%;float:left}.leftSide,.rightSide{overflow:auto;max-height:100vh;position:fixed}.rightSide{border-right:1px solid;border-color:#f1f3f5;width:33%;display:-moz-box;display:flex;-moz-box-pack:start;justify-content:flex-start;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;margin-left:67%;float:right}@media (max-width:1080px){.LayoutDiv{display:-moz-box;display:flex;width:100%;min-height:100vh}.middle{border-left:1px solid #f1f3f5;border-bottom-color:#f1f3f5;border-right:1px solid #f1f3f5;border-top-color:#f1f3f5;width:60%;margin-left:40%}.leftSide{border-left:1px solid;border-color:#e9f6ff;width:40%;float:left}.leftSide,.rightSide{overflow:auto;max-height:100vh;position:fixed}.rightSide{border-right:1px solid;border-color:#f1f3f5;width:33%;display:none;-moz-box-pack:start;justify-content:flex-start;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;margin-left:67%;float:right}}@media (min-device-width:480px) and (max-width:768px){.LayoutDiv{display:-moz-box;display:flex;width:100%;min-height:100vh}.middle{border-left:1px solid #f1f3f5;border-bottom-color:#f1f3f5;border-right:1px solid #f1f3f5;border-top-color:#f1f3f5;width:65%;margin-left:35%}.leftSide{border-left:1px solid;border-color:#e9f6ff;width:35%;text-overflow:ellipsis;float:left}.leftSide,.rightSide{overflow:auto;max-height:100vh;position:fixed}.rightSide{border-right:1px solid;border-color:#f1f3f5;width:33%;display:none;-moz-box-pack:start;justify-content:flex-start;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;margin-left:67%;float:right}.tweetCardImage{margin-left:3%;margin-right:1%}}@media screen and (min-device-width:320px) and (max-device-width:480px){.LayoutDiv{display:-moz-box;display:flex;width:100vw;min-height:100vh}.middle{border-left:1px solid #f1f3f5;border-bottom-color:#f1f3f5;border-right:1px solid #f1f3f5;border-top-color:#f1f3f5;width:84vw;margin-left:16vw}.leftSide{border-left:1px solid;border-color:#e9f6ff;width:16vw;overflow:-moz-hidden-unscrollable;text-overflow:ellipsis;float:left}.leftSide,.rightSide{max-height:100vh;position:fixed}.rightSide{border-right:1px solid;border-color:#f1f3f5;width:33%;display:none;-moz-box-pack:start;justify-content:flex-start;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;overflow:auto;margin-left:67%;float:right}.tweetCardImage{margin-left:4%;margin-right:3%}}.logInForm,.logInHeader{display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center}.logInForm{min-height:50vh;min-width:80%}.logInForm>form{-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-pack:space-evenly;justify-content:space-evenly;grid-gap:15px;gap:15px;min-width:80%}.logInButton,.logInForm>form{display:-moz-box;display:flex}.logInButton{-moz-box-pack:center;justify-content:center}.logInButton>button{min-height:8vh;min-width:25vw;max-width:25vw;background-color:#000;border-radius:20px;color:#fff;font-weight:700;font-size:13pt}.logInButton>button:hover{background-color:#000;opacity:80%;-webkit-transition:ease-out;-moz-transition:ease-out;transition:ease-out}.logInInputDiv{display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;min-width:80%}.logInInputDiv>input{min-height:8vh;min-width:25vw;max-width:25vw;border-radius:8px;font-size:12pt}.logInInputDiv>input:focus{outline-width:0;border-color:#50b7f5;-webkit-transition:color .1s ease-out;-moz-transition:color .1s ease-out;transition:color .1s ease-out}.errorModalClosed{display:none}.errorModalOpen{position:fixed;z-index:3;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.4);-moz-box-align:center;align-items:center}.errorModal,.errorModalOpen{display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center}.errorModal{-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;padding:20px;width:300px;height:300px}.errorModalContent{z-index:3;border-radius:12px;padding:5%;height:100%;width:100%;background-color:#fff}.okayContainer{margin-top:25%}.okay,.okayContainer{display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center}.okay{height:7vh;width:15vh;background-color:#000;border-radius:20px;color:#fff;font-weight:700;font-size:8pt;align-content:center;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-align:center;align-items:center}.okay:focus,.okay:hover{color:#fff;opacity:80%;text-decoration:none;cursor:pointer;-webkit-transition:ease-out;-moz-transition:ease-out;transition:ease-out}.sidebar{width:70%;overflow:hidden;padding:20px;margin:20px auto 0}.sidebarlink{display:-moz-box;display:flex;overflow:hidden;-moz-box-align:cover;align-items:cover;cursor:pointer;border-radius:30px;margin-bottom:5px}.sidebarlink:hover{background-color:#e8f5fe;color:#50b7f5;-webkit-transition:color .1s ease-out;-moz-transition:color .1s ease-out;transition:color .1s ease-out}.sidebarlink>h2{font-weight:700;font-size:20px;margin-right:20px}.sidebarlink>.MuiSvgIcon-root{padding:20px}#tweet{width:100%;height:50px;background-color:#51b6f5;border-radius:20px;color:#fff;font-weight:700;text-transform:inherit}.homeHeading{position:fixed;display:-moz-box;display:flex;width:inherit;background-color:#fff;opacity:85%;z-index:2}.homeHeading>h2{margin-left:20px}::-moz-selection{color:#fff;background:#1da1f2}::selection{color:#fff;background:#1da1f2}.wrapper{background:#fff;width:100%;border-radius:15px;margin-bottom:5%;margin-top:12%}.tweet-area{display:-moz-box;display:flex;padding-top:10px;padding-bottom:3px;-moz-box-align:center;align-items:center;align-content:space-between;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content}.tweet-area-input{min-height:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow-x:hidden;width:85%;border-bottom:1px solid #e6e6e6;margin-right:2%}.tweet-area-input>textarea{resize:none;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;max-height:-webkit-max-content;max-height:-moz-max-content;max-height:max-content;width:95%;overflow-y:auto;outline:none;font-size:17px;word-wrap:break-word;word-break:break-all;border:none}.tweet-area::-webkit-scrollbar{width:0}.tweet-area-image{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-left:2%;padding-right:2%}.tweet-area-image>img{margin-top:2%;max-width:40px;max-height:40px;border-radius:50%}.bottom{margin-top:13px}.bottom,.bottom .content{display:-moz-box;display:flex;-moz-box-align:center;align-items:center;-moz-box-pack:justify;justify-content:space-between}.bottom .content{width:100%;padding-left:2%;padding-right:2%}.bottom .counter{color:#333;width:4%;font-weight:500;margin-right:15px;padding-right:15px}.TweetButton{padding:9px 18px;border:none;outline:none;border-radius:50px;font-size:16px;font-weight:700;background:#a9d8fa;color:#fff;cursor:pointer;pointer-events:none;-webkit-transition:background .2s ease;-moz-transition:background .2s ease;transition:background .2s ease}.TweetButton.active{background:#1da1f2;pointer-events:auto}.TweetButton:hover{background:#0d8bd9;color:#fff}@media screen and (min-device-width:320px) and (max-device-width:480px){.sidebar{width:70%;-moz-box-pack:left;justify-content:left;position:-webkit-sticky;position:sticky}.wrapper{margin-top:20%}}.searchBar{display:-moz-box;display:flex;min-height:90px;-moz-box-align:center;align-items:center;align-content:center;-moz-box-pack:center;justify-content:center}.searchBar>input{min-height:6vh;width:80%;border-radius:30px;text-align:center;font-size:inherit}.searchBar>input:focus{outline-width:0;border-color:#50b7f5;-webkit-transition:color .1s ease-out;-moz-transition:color .1s ease-out;transition:color .1s ease-out}.trendingHeader{font-size:150%;text-align:center;margin:5%}.trendingContainer{margin:5%}.trending{display:-moz-box;display:flex;overflow:hidden;cursor:pointer;border-radius:30px}.trending:hover{background-color:#e8f5fe;color:#50b7f5;-webkit-transition:color .1s ease-out;-moz-transition:color .1s ease-out;transition:color .1s ease-out}.trending>h2{font-weight:700;font-size:110%;text-align:center;margin-left:5%}.notificationFeed{display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;min-height:100%;text-align:center;margin-top:12%}.notificationCard{display:-moz-box;display:flex;min-height:100px;max-height:140px;border-bottom:1px solid #f1f3f5;border-color:#f1f3f5 currentcolor;border-top:1px solid #f1f3f5;text-align:left;cursor:pointer}.notification{width:85%}.notification .headline{font-weight:bolder;display:-moz-box;display:flex;white-space:pre-wrap}.notification .headline>div:hover{color:#50b7f5}.notification .contentFollow{margin-left:10%}.notification .content{margin-left:4px}.notification>img{min-height:5vh;min-width:5vh;margin-top:2%;max-width:40px;max-height:40px;border-radius:50%}.iconDisplay{min-width:15%;min-height:3vh;display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center;font-size:20px}.accountsContainer{margin-top:12%;padding:5%;display:-moz-box;display:flex;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;flex-wrap:wrap;grid-gap:30px;gap:30px;-moz-box-pack:justify;justify-content:space-between;cursor:pointer}.accountsContainer>div{width:250px;height:30%;border:3px solid #e8f5fe;border-radius:10%;overflow:hidden}.accountsContainer>:hover{width:250px;height:30%;border:3px solid #50b7f5}.tweetCard{border-color:currentcolor #f1f3f5 #f1f3f5;border-top:1px solid #f1f3f5;width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content}.tweetCard:last-child{border-bottom:1px solid;border-color:#f1f3f5}.userDetails{margin-top:3%;-moz-box-pack:start;justify-content:flex-start}.nameAndTime,.userDetails{display:-moz-box;display:flex}.nameAndTime{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-moz-box-pack:left;justify-content:left;-moz-box-align:center;align-items:center;grid-gap:10px;gap:10px;cursor:pointer;width:85%}.nameAndTime>div{color:grey}.nameAndTime>div:hover{color:#50b7f5}.tweetCardImage{width:10%;display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;cursor:pointer}.tweetCardImage>img{background-color:#000;height:45px;width:45px;border-radius:50%}.tweetCardImage>img:hover{opacity:.5}.tweetCardContents{margin:5px;padding:2%}.tweetCardContents>a:hover{color:#50b7f5}.retweetInfo{margin-top:3%;margin-left:3%;margin-bottom:1%;cursor:pointer;color:#8e969c}.retweetInfo:hover{color:#50b7f5}.tweetCardBottom{display:-moz-box;display:flex;justify-content:space-around;margin-bottom:2%}.tweetCardBottom>button{border:none;background:none;cursor:pointer}.replyModalClosed{display:none}#replyButton:hover{color:#999}.likeButtonActive{color:red}.likeButtonActive:hover{opacity:70%}.likeButton:hover,.likeButtonActive:hover{color:red;-webkit-transition:color .1s ease-out;-moz-transition:color .1s ease-out;transition:color .1s ease-out}.likeButton:hover{opacity:80%}.retweetButtonActive{color:green}.retweetButton:hover,.retweetButtonActive:hover{color:green;opacity:80%;-webkit-transition:color .1s ease-out;-moz-transition:color .1s ease-out;transition:color .1s ease-out}.replyModalOpen{display:-moz-box;display:flex;position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.4);-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center}.replyModal{padding:20px;width:500px;height:300px}.replyModalContent{border-radius:12px;padding:5%;height:100%;width:100%;background-color:#fff}.close{margin-left:3%;color:#aaa;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}.replyForm{margin-top:5%;margin-left:2%;display:grid;white-space:pre-wrap;height:80%;grid-template-rows:[row1-start] 25% [row1-end row2-start] 25% [row3-start-row3-end] 50% [row3-end];grid-template-columns:[first] 60px [line2] auto [end]}.replyRecipientInfo{grid-row:1;grid-column:2;-moz-box-orient:vertical;flex-direction:column;width:80%}.replyNameAndTime,.replyRecipientInfo{display:-moz-box;display:flex;-moz-box-direction:normal}.replyNameAndTime{-moz-box-orient:horizontal;flex-direction:row;grid-gap:10px;gap:10px;margin-bottom:4px}.replyRecipientImage{grid-row:1;grid-column:1;height:45px;width:45px}.replyRecipientImage>img{height:100%;width:100%;border-radius:50%}.tweetReplyForm{grid-row:2;grid-column:2}.tweetReplyFormCurrentUser{grid-row:3;grid-column:1;height:45px;width:45px}.tweetReplyFormCurrentUser>img{height:100%;width:100%;border-radius:50%}.dividerLine{grid-row:2;grid-column:1;width:50%;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);justify-self:center;margin:auto auto auto 10%}.replyingToInfo{grid-row:2;grid-column:2;display:-moz-box;display:flex;cursor:pointer;margin-top:15px}.replyingToInfo>div,.replyingToInfo>div:hover{color:#50b7f5}.dropbtn{background:none;color:#000;border:none;height:25px;width:25px}.dropdown>button{display:-moz-box;display:flex}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#fff;min-width:160px;-webkit-box-shadow:0 8px 16px 0 rgba(0,0,0,.2);box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown-content button{color:#000;padding:12px 16px;text-decoration:none;border:none;background:none}.dropdown-content button:hover{background-color:#e8f5fe;color:#50b7f5;-webkit-transition:color .1s ease-out;-moz-transition:color .1s ease-out;transition:color .1s ease-out}.dropdown:hover .dropdown-content{display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;align-content:center}.dropdown:hover .dropbtn{color:#50b7f5;-webkit-transition:color .1s ease-out;-moz-transition:color .1s ease-out;transition:color .1s ease-out}.profileCardContainer{display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.headerImage>img,.profileCardContainer{height:100%;width:100%}.profilePicture{height:10px;width:60%;display:-moz-box;display:flex}.profilePicture>img{-webkit-transform:translateY(-41px);-moz-transform:translateY(-41px);transform:translateY(-41px);margin-left:3%;height:70px;width:70px;border:3px solid #fff;border-radius:50%}.nameAndFollow{-moz-box-orient:horizontal;flex-direction:row;-moz-box-pack:justify;justify-content:space-between;margin-left:4%;margin-right:4%;margin-top:2%}.name,.nameAndFollow{display:-moz-box;display:flex;-moz-box-direction:normal}.name{margin-top:10%;-moz-box-orient:vertical;flex-direction:column;-moz-box-pack:center;justify-content:center}.followOrEditButtonContainer,.name{align-self:center}.followOrEditButtonContainer>button{border-radius:20px;min-height:4vh;min-width:10vh;font-weight:700;border-width:1px;cursor:pointer}.blackButton{background-color:#000;color:#fff}.blackButton:hover{background-color:#000;opacity:80%;-webkit-transition:ease-out;-moz-transition:ease-out;transition:ease-out}.whiteButton{background-color:#fff;color:#000}.bioAndFollowers{display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;grid-gap:10px;gap:10px;margin-left:4%;margin-top:3%}.bioAndFollowers>.bio{margin-top:1%;width:100%;min-height:15%;font-size:10pt}.bioAndFollowers>.followingFollowers{max-width:60%;min-height:15%;-moz-box-orient:horizontal;flex-direction:row;font-size:10pt;margin-bottom:5%;grid-gap:4px;gap:4px}.bioAndFollowers>.followingFollowers,.profileCreator{display:-moz-box;display:flex;-moz-box-direction:normal}.profileCreator{-moz-box-orient:vertical;flex-direction:column;margin:5%;grid-gap:10px;gap:10px}.profileCreator>input{max-width:5vw}.profileCreator>button{width:5vw;height:4vh;border-radius:20px}.profileCreator>textarea{margin-top:5vh;resize:none;height:10vh}.profileCreator>textarea:focus,.profileCreator>textarea:hover{outline-width:0;border-color:#50b7f5;-webkit-transition:color .1s ease-out;-moz-transition:color .1s ease-out;transition:color .1s ease-out}.logOut{display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center;grid-gap:20px;gap:20px;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.logOut>button{border-radius:20px;min-height:5vh;min-width:20vh;font-weight:700;border-width:1px;cursor:pointer;background-color:#000;color:#fff}.logOut>button:hover{background-color:#000;opacity:80%;-webkit-transition:ease-out;-moz-transition:ease-out;transition:ease-out}.nothingToSee{display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center;height:20vh;width:100%}.nothingToSee>h2{font-size:30pt;font-weight:700}.loadingSpinner{display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center;height:100vh;width:100%}