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}:focus{outline:none;border:none}*{box-sizing:border-box;margin:0;padding:0;font-family:"Poppins",sans-serif}.btn{border-radius:4px;background-color:#00bfa6;border:none;color:#fff;text-align:center;font-size:24px;padding:18px;width:220px;cursor:pointer;box-shadow:0 4px 4px rgba(0,0,0,.25);animation:2s ease}.btn .btn-text{cursor:pointer;display:inline-block;position:relative;transition:.5s}.btn .btn-text:after{content:"\00bb";position:absolute;opacity:0;top:0;right:-20px;transition:.5s}.btn:hover .btn-text{padding-right:25px}.btn:hover .btn-text:after{opacity:1;right:0}@media screen and (max-width:860px){.btn{font-size:22px;padding:12px;width:175px}.btn .btn-text{display:inline;position:relative}}@media screen and (max-width:513px){.btn{font-size:20px;padding:10px;width:155px}}@keyframes drop-bg{0%{transform:translateY(-100%)}to{transform:translate(0)}}@keyframes show-nav{0%{opacity:0}to{opacity:1}}header{display:grid;position:-webkit-sticky;position:sticky;top:0;left:0;width:100vw;height:4.715rem;grid-template-columns:5% 1fr 1fr 5%;grid-auto-rows:1fr 1fr;align-items:center;animation:show-nav;animation-duration:2.5s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);font-size:34px;z-index:10}.bg-svg{position:absolute;top:-10px;left:0;z-index:4;animation:drop-bg;animation-duration:2s;animation-timing-function:cubic-bezier(.165,.84,.44,1)}#menu-bar{display:none}.nav-logo{display:flex;align-items:center;justify-content:left;height:3.3rem;grid-row:1;grid-column:2/3;background-color:transparent;overflow-y:hidden;z-index:5}.nav-logo .img{content:url(/Twitter-Feedback-Segregation-System/static/media/logo.5bc2d9d5.svg)}.nav-logo .logo-name{margin-left:2%;font-size:22px}.nav-links{height:3.3rem;grid-row:1/2;grid-column:3/4;justify-content:space-evenly;list-style:none;text-decoration:none;background-color:transparent;align-self:flex-start;z-index:5;color:#3f3d56;text-shadow:0 3px 4px rgba(0,0,0,.25)}.nav-links,.nav-links li{display:flex;align-items:center}.nav-links li{width:-webkit-max-content;width:-moz-max-content;width:max-content;height:-webkit-max-content;height:-moz-max-content;height:max-content;justify-content:flex-start}.list-style{list-style:none;text-decoration:none}.menu-img{width:30px;height:30px}.menu-text{font-size:22px;color:#1d3557}.img{height:55px}.nav-logo h3,li{display:inline-block;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:-webkit-max-content;height:-moz-max-content;height:max-content;list-style:none;cursor:pointer;align-self:center;color:#1d3557}.active{border-bottom:3.5px solid #00bfa6;font-weight:700;border-radius:0 100% 0 100%/100% 100% 0 0}.menu-active{transform:translateX(0)}@media screen and (max-width:860px){header{height:4.5rem;grid-template-columns:5% 1fr .25fr 5%}header #menu-bar{display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:-webkit-max-content;height:-moz-max-content;height:max-content;cursor:pointer;z-index:4;background-color:transparent;grid-row:1/2;grid-column:3/4;justify-self:flex-end}.bg-svg{min-height:20vh}.bg-svg path{z-index:2;transform:scale(1.8) translate(-10%,-20%)}.nav-logo{height:100%;padding-top:0;overflow-y:visible}.nav-links{position:fixed;background-color:#f0f8ff;height:100vh;width:100%;padding-top:4.715rem;flex-direction:column;clip-path:circle(100px at 90% -30%);-webkit-clip-path:circle(100px at 90% -30%);transition:clip-path,-webkit-clip-path .75s ease-out;pointer-events:none;z-index:1;justify-content:space-around}.nav-links-active{clip-path:circle(1500px at 90% -30%);-webkit-clip-path:circle(1500px at 90% -30%);pointer-events:all}.nav-links li{opacity:0;color:#02061a;transition:border-bottom .2s ease .1s}.li-fade{opacity:1!important}.nav-links li:first-child{transition:opacity .5s ease .15s}.nav-links li:nth-child(2){transition:opacity .5s ease .25s}.nav-links li:nth-child(3){transition:opacity .5s ease .35s}.nav-links li:nth-child(4){transition:opacity .5s ease .45s}.nav-links li:nth-child(5){transition:opacity .5s ease .55s}}.left{padding-top:100px}.line-1:after{content:"\a";white-space:pre}.title{font-size:58px;align-items:center;color:#3f3d56;text-shadow:0 4px 4px rgba(0,0,0,.25);animation:text 2s ease}.title .bold{color:#45bdae}.description{font-size:28px;color:#3f3d56;animation:text 2s ease}.homeSVG{bottom:-90px;max-width:100%;height:auto}@media screen and (max-width:860px){.column{width:100%}.left{padding:0 50px 10px}.right{top:50px;padding-left:20px}.title{font-size:42px}.description{font-size:22px}.line-1:after{content:"\a";white-space:normal}.homeSVG{width:713px;height:535px;bottom:0;height:100%}}@media screen and (max-width:513px){.title{font-size:38px}.description{font-size:18px}.left{padding:0 30px 10px}.right{padding-top:20px}.line-1:after{content:"\a";white-space:normal}}#tweet1{animation:bounce 7s ease infinite}#tweet2{animation-delay:1s;animation:bounce 9s ease infinite}#tweet3{animation-delay:3s;animation:bounce 8s ease infinite}#tweet4{animation:bounce 6s ease infinite}#tweet5{animation-delay:2s;animation:bounce 7.5s ease infinite}#tweet6{animation-delay:1s;animation:bounce 7s ease infinite}@keyframes bounce{0%{transform:translateY(40px);opacity:0}50%{transform:translateY(0);opacity:1}to{opacity:0;transform:translateY(-80px)}}@keyframes star{0%{opacity:0}25%{opacity:1}to{opacity:1}}#star1{animation:star 3s linear .9s infinite alternate;opacity:0}#star2{animation:star 3s linear 1.3s infinite alternate;opacity:0}#star3{animation:star 3s linear 1.6s infinite alternate;opacity:0}#star4{animation:star 3s linear 1.9s infinite alternate;opacity:0}#star5{animation:star 3s linear 2.2s infinite alternate;opacity:0}.column{float:left;animation:text 2s ease}.row{width:100%;height:100%}.left{width:40%;padding-left:80px;padding-top:70px}.right{width:60%;text-align:center}.loading{margin:auto}.loadingCount{padding-top:1vh}.analysisResult{display:none}.pieData{width:100%}.pieChart{width:70%;float:left}.chartLine{margin-top:20vh;padding-left:5vw;padding-right:5vw}.piePercentage{width:30%;float:right;margin-top:10vh;font-family:Poppins;font-size:1.1rem;text-align:left;line-height:37px}.positiveSquare{color:#00bfa6;padding-right:7px}.neutralSquare{color:#575a89;padding-right:7px}.negativeSquare{color:#3f3d56;padding-right:7px}.downloadreport{font-size:1.1rem;font-weight:400;margin-top:1.1vh;line-height:37px;font-weight:700}.reportlink{color:#00bfa6;cursor:pointer;-webkit-text-decoration:underline,bold;text-decoration:underline,bold;font-weight:400}.top5PositiveTitle{text-align:center;font-size:1.3rem;font-weight:400;padding-left:.8vw;font-weight:700;margin-top:3vh;margin-bottom:3vh}.leftborderpositivetitle{border-left:7px solid #00bfa6;padding-left:.8vw}.leftbordernegativetitle{border-left:7px solid #3f3d56;padding-left:.8vw}.top5NegativeTitle{text-align:center;font-size:1.3rem;font-weight:400;padding-left:.8vw;font-weight:700;margin-bottom:3vh;margin-top:3vh}.showPositiveNegativeTweets{display:none}.tweetFetch{margin:2vh 0 1vh}.tweetFetchCount{border-left:7px solid #00bfa6;background:rgba(77,210,193,.4);padding:.5vw;font-size:1.1rem;line-height:37px}.overallResult{margin:.8vh 0;font-weight:700}.overallResultPositive{background-color:#00bfa6}.overallResultNegative,.overallResultPositive{padding:4px;margin-left:.5vw;border-radius:5px}.overallResultNegative{background-color:#3f3d56}.overallResultNeutral{background-color:#575a89;padding:4px;margin-left:.5vw;border-radius:5px}.mapTweet{text-align:center;font-size:1.3rem;font-weight:400;padding-left:.8vw;font-weight:700;margin-top:10vh;margin-bottom:3vh}.mapTitle{border-left:7px solid #0071a4;font-size:1.1rem;line-height:37px;background:#c8eeff;padding:.5vw .5vw .5vw .8vw}@media screen and (max-width:1000px){.column{width:100%}.left{padding:0 50px 10px}.right{top:50px;padding:0}.pieChart{width:100%}.chartLine{margin-top:5vh;padding-left:6vw;padding-right:6vw}.piePercentage{width:100%;text-align:center;margin-top:2vh;font-size:1rem}.top5PositiveTitle{margin-top:3vh;margin-bottom:3vh;text-align:center;border:0}.top5positivetweets{margin:auto}.leftborderpositivetitle{border-left:7px solid #00bfa6;padding-left:.8vw}.top5NegativeTitle{margin-top:3vh;margin-bottom:3vh;text-align:center;border:0}.top5negativetweets{margin:auto}.leftbordernegativetitle{border-left:7px solid #3f3d56;padding-left:.8vw}.tweetFetch{margin:4vh 0 1vh}.loadingTweets{margin:auto}}@media screen and (max-width:513px){.left{padding:0 30px 10px}}.tweet-wrapper{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.twitter-tweet{width:30rem}.twitter-tweet-rendered{box-shadow:.5rem .5rem 2rem rgb(0 0 0/20%)}.textInput{background-color:#00bfa6;display:flex;align-items:center;justify-content:flex-start;height:3.3rem;width:100%;border-radius:50px;margin-bottom:2.5rem;padding-inline:.4rem}input{font-family:Poppins;font-size:1.1rem;color:#000;height:2.65rem;width:90%;padding-inline:3%;border-radius:50px 0 0 50px;outline:none;border:none;-webkit-margin-end:3%;margin-inline-end:3%}.icon-wrapper{width:-webkit-max-content;width:-moz-max-content;width:max-content}.icon,.icon-wrapper{height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon{display:inline-block;color:#fff;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));font-size:2.35rem;width:50px}.twitter-tweet{text-align:center;margin:2.5vh auto}@media screen and (max-width:1000px){.twitter-tweet{margin:auto}}@media screen and (max-width:612px){.twitter-tweet{width:450px;padding:0;text-align:center;margin:auto}}@media screen and (max-width:503px){.twitter-tweet{width:400px}}@media screen and (max-width:400px){.twitter-tweet{width:345px}}@keyframes rotateGlass{12%{transform:translateY(-180px)}25%{transform:translateY(100px)}32%{transform:translateX(170px)}50%{transform:translateY(-150px)}62%{transform:translateX(-170px)}75%{transform:translateX(100px)}87%{transform:translateY(200px)}}.loadingSvg{max-width:100%;height:auto}@media screen and (max-width:1000px){.loadingSvg{margin-top:3vh}}#magnifyingGlass{animation:rotateGlass 5s linear infinite;transform-box:fill-box}@keyframes text{0%{opacity:0}to{opacity:1}}@keyframes tweetAni{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@keyframes pieChart{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pie1Chart{0%{fill:#00bfa6}33%{fill:#3f3d56}66%{fill:#575a89}to{fill:#00bfa6}}@keyframes pie2Chart{0%{fill:#575a89}33%{fill:#00bfa6}66%{fill:#3f3d56}to{fill:#575a89}}@keyframes pie3Chart{0%{fill:#3f3d56}33%{fill:#575a89}66%{fill:#00bfa6}to{fill:#3f3d56}}@keyframes hand{0%{transform:rotate(0deg)}to{transform:rotate(2deg)}}@keyframes head{0%{transform:rotate(0deg)}to{transform:rotate(-2deg)}}.searchSVG{bottom:-90px;max-width:100%;height:auto}#TweetID{animation:tweetAni 3s linear .9s infinite alternate;opacity:0}#PieID{animation:pieChart 10s linear infinite;transform-origin:center;transform-box:fill-box}#Pie1ID{animation:pie1Chart 9s linear infinite}#Pie2ID{animation:pie2Chart 9s linear infinite}#Pie3ID{animation:pie3Chart 9s linear infinite}#HandID{animation:hand 2s linear infinite alternate}#HandID,#HeadID{transform-origin:right}#HeadID{animation:head 2s linear infinite alternate}.mapSvg{margin:3vh 10vw}section{padding:7rem 0;background-color:#fff}.heading{text-transform:uppercase;font-size:28px;letter-spacing:2px;margin-right:-3px;margin-bottom:2.5rem;text-align:center;color:#3f3d56;position:relative;animation:text 2s ease}.heading:after{content:"";width:8rem;height:.4rem;background-color:#45e19f;position:absolute;bottom:-1rem;left:50%;transform:translateX(-50%);border-radius:2rem}.card-wrapper{display:flex;align-items:center;align-content:center;flex-direction:column}@media screen and (min-width:700px){.card-wrapper{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card:first-child{animation:fadeIn .5s .5s backwards}.card:nth-child(2){animation:fadeIn .5s .8s backwards}.card:nth-child(3){animation:fadeIn .5s 1.1s backwards}.card:nth-child(4){animation:fadeIn .5s 1.5s backwards}.card:nth-child(5){animation:fadeIn .5s 2s backwards}.card{width:26rem;background-color:#ebeef8;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:2rem 0;box-shadow:.5rem .5rem 2rem rgba(0,0,0,.2)}.card .card-img{width:100%}.card .card-img,.profile-img{height:15rem;object-fit:cover}.profile-img{width:15rem;border-radius:50%;margin-top:-11rem;border:.5rem solid #ebeef8}.card h1{font-size:28px;color:#333;margin:.5rem 0}.role{color:#777;font-size:21px;font-weight:300}.about{font-size:20px;margin:1rem 0;font-style:italic;text-align:center;color:#333;padding-inline:.25rem}a{text-decoration:none;color:#fff}.card .btn{padding:.6rem 1.7rem;background-color:#45bdae;border-radius:2rem;margin-bottom:1.5rem;text-transform:uppercase;color:#eee;font-size:18px;transition:all .5s}.card .btn:hover{transform:translateY(-2px);box-shadow:.5rem .5rem 2rem rgba(0,0,0,.2)}.card .btn:active{transform:translateY(0);box-shadow:none}.social-media{width:100%;display:flex;justify-content:space-evenly;list-style:none;padding:1rem 7rem;border-top:1px solid rgba(0,0,0,.1)}.social-media i{font-size:2.5rem;transition:color .5s}.fa-github-square{color:#211f1f}.fa-linkedin{color:#0e76a8}.fa-github-square:hover,.fa-linkedin:hover{color:#45bdae}@media screen and (min-width:700px){.card{margin:2rem}}@media screen and (max-width:450px){.card{width:90%}}
/*# sourceMappingURL=main.99ee0e88.chunk.css.map */