@import url(https://fonts.googleapis.com/css?family=Pacifico&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap);*,:after,:before{padding:0;margin:0;box-sizing:border-box}html{font-size:62.5%}@media only screen and (max-width:43em){html{font-size:50%}}body{font-family:"Roboto",sans-serif;font-size:inherit;width:100vw}.container{width:114rem;margin:0 auto;display:flex}@media only screen and (max-width:71.25em){.container{width:100%}}@media only screen and (max-width:43em){.container{flex-direction:column;margin:0}}.nav{width:30%;height:100vh;padding:2rem 4rem;font-size:1.9rem;position:-webkit-sticky;position:sticky;display:flex;flex-direction:column;top:0}@media only screen and (max-width:55em){.nav{width:15%;padding:1rem}}@media only screen and (max-width:43em){.nav{width:100%;background-color:#fff;height:100%;z-index:100;padding:0}}@media only screen and (max-width:43em){.nav-top{display:flex;justify-content:space-between;background-color:#d2d2d2;padding:1rem 2rem;align-items:center}}.nav-container{display:flex;flex-direction:column}@media only screen and (max-width:43em){.nav-container{flex-direction:row;justify-content:space-between;box-shadow:0 7px 14px rgba(0,0,0,.07)}}.nav-heading{text-align:left;width:100%;font-family:"Pacifico",sans-serif;text-transform:capitalize;margin-bottom:2rem}@media only screen and (max-width:55em){.nav-heading{font-size:1.9rem}}@media only screen and (max-width:43em){.nav-heading{font-size:2.7rem;margin-bottom:0}}.nav-avatar{display:flex;align-items:center;flex-direction:column;margin-bottom:2rem}@media only screen and (max-width:43em){.nav-avatar{margin-bottom:0}}.nav-avatar-img{padding:.2rem;border:.1rem solid grey;width:7rem;height:7rem;border-radius:50%;margin-bottom:1rem}@media only screen and (max-width:55em){.nav-avatar-img{width:5rem;height:5rem}}@media only screen and (max-width:43em){.nav-avatar-img{margin-bottom:0}}.nav-avatar-text{font-size:1.3rem;text-transform:capitalize;background-color:#f0f0f0;padding:.5rem 1.2rem;border-radius:2rem;color:#575757;-webkit-transition:all .2s;transition:all .2s}.nav-avatar-text:hover{background-color:#e6e6e6}@media only screen and (max-width:55em){.nav-avatar-text{display:none}}.nav-list{list-style:none;display:flex;flex-direction:column;align-items:flex-start}@media only screen and (max-width:55em){.nav-list{align-items:center;justify-content:center}}@media only screen and (max-width:43em){.nav-list{flex-direction:row;justify-content:space-between;width:70%}}.nav-list--item{font-weight:500}.nav-list--item:link,.nav-list--item:visited{margin-bottom:1rem;padding:.8rem 1.3rem;display:block;text-decoration:none;color:#000;display:flex;align-items:center;justify-content:flex-start}@media only screen and (max-width:43em){.nav-list--item:link,.nav-list--item:visited{width:100%;margin-bottom:0;padding:1.5rem;justify-content:center;align-items:center}}.nav-list--item:hover:not(.active){border-radius:2rem;background-color:#f5f5f5}@media only screen and (max-width:55em){.nav-list--item:hover:not(.active){border-radius:0}}.nav-list--item-icon{margin-right:1rem}@media only screen and (max-width:55em){.nav-list--item-icon{margin-right:0}}.nav-list--item-text{text-transform:capitalize;margin-right:.5rem}@media only screen and (max-width:55em){.nav-list--item-text{display:none}}.nav-btn{margin-top:1rem;font-family:inherit;font-size:1.5rem;padding:1.3rem;font-weight:500;text-transform:capitalize;background-color:#fc5185;border:none;border-radius:4rem;-webkit-transition:all .2s;transition:all .2s;color:#fff;cursor:pointer}@media only screen and (max-width:43em){.nav-btn{width:30%;margin-top:0;border-radius:0;padding:1.3rem;font-size:1.7rem}}.nav-btn:hover{background-color:#e74978}.main{background-color:#fafafa;width:70%;border-left:.1rem solid #e6e6e6;border-right:.1rem solid #e6e6e6}@media only screen and (max-width:55em){.main{width:85%}}@media only screen and (max-width:43em){.main{width:100%;height:100vh}}.top-section{padding:3rem 5rem;width:100%}@media only screen and (max-width:43em){.top-section{padding:3rem}}.top-section-action{display:flex;justify-content:space-between;align-items:center}.top-section-action--heading{color:#333;font-size:2.5rem;font-weight:500;font-family:sans-serif;font-weight:700;text-transform:capitalize}.info{margin-top:.7rem;font-size:1.5rem;color:#b1b1b1}.dropdown{position:relative;width:12rem}.dropdown-choices{box-shadow:0 0 1rem 0 rgba(0,0,0,.082);width:100%;z-index:10;background-color:#fff;padding:1rem;display:none;margin-top:.4rem;border-radius:.9rem;position:absolute}.dropdown-choices>div{cursor:pointer}.dropdown-choices>div:not(:last-child){margin-bottom:1rem}.dropdown-btn{padding:.9rem 1.3rem;width:100%;border-radius:6rem;background-color:#47dee6;color:#333;border:0;-webkit-transition:all .2s;transition:all .2s;font-family:inherit;z-index:2;position:relative;text-align:left;outline:none}.dropdown-btn:hover{background-color:#42cfd6}.dropdown-btn:after{position:absolute;right:1.7rem;top:1.3rem;content:"";width:0;height:0;border-color:#333 transparent transparent;border-style:solid;border-width:.5rem .4rem 0;border-radius:.4rem}.questions-section{width:100%;padding:3rem 5rem}@media only screen and (max-width:43em){.questions-section{padding:1rem 3rem}}.question{width:100%;background-color:#fff;border-radius:.7rem;font-size:1.6rem;box-shadow:0 7px 14px rgba(0,0,0,.07);display:block;padding:3rem;color:#000;margin-bottom:3.5rem;-webkit-transition:all .2s;transition:all .2s}.question:link,.question:visited{text-decoration:none}.question:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.question-header{display:flex;justify-content:space-between;align-items:flex-start}.question-header-avatar{display:flex;align-items:center}.question-header-votes{font-size:1.3rem;background-color:#ffe9b0;padding:.5rem 1.3rem;border-radius:5rem}.question-text{font-size:2.1rem;font-weight:500;margin:1.5rem 0;line-height:1.5}.question-date{color:#b1b1b1}.avatar{width:5rem;border:.1rem solid grey;border-radius:50%;margin-right:1rem}.create-question{padding:3rem 5rem;width:100%}@media only screen and (max-width:43em){.create-question{padding:3rem}}.form-text{margin-top:1rem;font-size:1.5rem;color:#b1b1b1}.form-question{font-family:inherit;font-weight:500;margin:5rem 0 2rem;font-size:2.2rem;color:#333}.form-options{display:flex;flex-direction:column;width:100%}.form-options>input{padding:2.2rem 2rem;margin-bottom:2rem;border-radius:.5rem;border:2px solid #ebebeb;font-size:1.6rem;color:#333}.form-options>input::-webkit-input-placeholder{font-size:1.6rem}.form-options>input:-ms-input-placeholder{font-size:1.6rem}.form-options>input::-ms-input-placeholder{font-size:1.6rem}.form-options>input::placeholder{font-size:1.6rem}.form-btn{font-size:1.4rem;text-transform:capitalize;float:right;padding:1.3rem 6.4rem;background-color:#364f6b;border-radius:4rem;border:none;outline:none;font-weight:500;color:#fff;-webkit-transition:all .2s;transition:all .2s;cursor:pointer}.form-btn:hover{background-color:#2c4158}.answerBtn{width:50%;padding:2rem;background-color:grey}.leaderBoard{padding:3rem 5rem;width:100%}@media only screen and (max-width:43em){.leaderBoard{padding:3rem}}table{margin-top:5rem;width:100%;border-collapse:separate;border-spacing:0 1.5rem}tbody tr{box-shadow:0 .7rem 1.4rem rgba(0,0,0,.07);width:100%;border-radius:.7rem;-webkit-transition:all .2s;transition:all .2s}tbody tr:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}th{font-size:1.5rem;font-weight:400;color:#b1b1b1;font-weight:500}tr td:first-child{border-top-left-radius:.7rem;border-bottom-left-radius:.7rem}tr td:last-child{border-top-right-radius:.7rem;border-bottom-right-radius:.7rem}td{background-color:#fff;padding:2rem;text-align:center;font-size:1.7rem}.leader-avatar{display:flex;align-items:center;justify-content:center}.leader-avatar>img{width:3rem;border-radius:50%;margin-right:1rem}.leader-avatar>p{font-size:1.5rem}.pollPage{width:100%;padding:3rem 5rem}.question-avatar{border-radius:50%;width:8rem;border:.1rem solid #b1b1b1;padding:.2rem;margin-bottom:2rem}.question-heading{font-size:3rem;font-weight:700}.author{color:#333}.form{display:flex;flex-direction:column}.option label{background-color:#fff;border-radius:.7rem;padding:2.5rem 3rem;font-size:2rem;margin-top:-1rem;margin-bottom:3rem;box-shadow:0 .7rem 1.4rem 0 rgba(0,0,0,.07);font-weight:500;cursor:pointer;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;display:block}.option label:hover{-webkit-transform:scale(1.02);transform:scale(1.02);box-shadow:0 .9rem 1.4rem 0 rgba(0,0,0,.07)}.option input[type=radio]{display:none}.option input[type=radio]:checked+label{border:.25rem solid #fc5185;-webkit-transform:translate(1rem);transform:translate(1rem)}.question-btn{font-size:1.4rem;text-transform:capitalize;float:right;padding:1.3rem 6.4rem;background-color:#364f6b;border-radius:4rem;border:none;outline:none;font-weight:500;color:#fff;-webkit-transition:all .2s;transition:all .2s;cursor:pointer;margin-bottom:10rem}.question-btn:hover{background-color:#2c4158}.user-question{margin-top:.7rem;font-size:1.5rem;color:#b1b1b1;text-align:center;margin-bottom:2.5rem}.result-section{margin-top:5rem}.result{background-color:#fff;padding:2.5rem 3rem;border-radius:.7rem;margin-bottom:3rem;box-shadow:0 .7rem 1.4rem 0 rgba(0,0,0,.07);-webkit-transition:all .2s;transition:all .2s}.result:not(:first-child){margin-bottom:10rem}.result-container{display:flex;justify-content:space-between;margin-bottom:1.5rem;font-size:2rem;font-weight:500}.result-progress{width:100%;height:.7rem;position:relative;background:#e9e9e9;border-radius:5rem;margin-bottom:1.5rem}.result-progress>span{display:block;height:100%;border-radius:2rem;background-color:#fc5185}.result-votes{font-size:1.5rem;color:#b1b1b1}.choice{-webkit-transform:translate(1.5rem);transform:translate(1.5rem);border:.25rem solid #fc5185}.active{font-weight:700;font-size:2rem}.choice-active{font-weight:500}.question-error{width:30rem;margin-bottom:2rem}.question-error~p{font-size:2.4rem}.error-conatiner{width:100%;padding:15rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.notFound>h1{font-size:3rem;color:#333}.notFound>p{font-size:2rem}.notFound>div{display:flex;flex-direction:column;align-items:center;padding:5rem}.notFound>div>img{width:35rem;margin-bottom:2rem}.notFound>div>p{font-size:1.6rem;color:#333}.return-btn{margin-top:5rem;background-color:#364f6b;padding:1.1rem 5rem;font-size:1.7rem;color:#fff;border-radius:5rem;-webkit-transition:all .2s;transition:all .2s}.return-btn:link,.return-btn:visited{text-decoration:none}.return-btn:hover{background-color:#273b52}.login{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fafafa}.login-card{width:40rem;background-color:#fff;box-shadow:0 .7rem 1.4rem 0 rgba(0,0,0,.07);padding:3rem 4rem;border-radius:1rem}@media only screen and (max-width:43em){.login-card{width:85%}}.login-card>h1{text-align:center;font-size:3.4rem;color:#fc5185;margin-bottom:3rem}.login-card-text{text-transform:capitalize;font-weight:500;font-size:3.5rem}.login-card-info{color:#b1b1b1;margin-top:.7rem;font-size:1.7rem;margin-bottom:4rem}.login-card-form{display:flex;flex-direction:column;align-items:flex-start}.login-card-form>p{font-size:1.7rem;color:#929292}.loginn{display:flex;justify-content:flex-end;width:100%}.loginn-btn{margin-top:2rem;padding:.7rem 4rem;font-size:1.5rem;background-color:#364f6b;border-radius:5rem;color:#fff;cursor:pointer;margin-bottom:1rem}.login-dropdown{width:100%}.login-dropdown-toggle{margin-top:1rem;width:100%;padding:1rem;background-color:#e6e6e6;border-radius:.7rem;border:.2rem solid #ebebeb;text-align:left;font-size:1.3rem;position:relative;cursor:pointer;outline:none;-webkit-transition:all .2s;transition:all .2s}.login-dropdown-toggle:after{position:absolute;right:1.7rem;top:1.7rem;content:"";width:0;height:0;border-color:#333 transparent transparent;border-style:solid;border-width:.5rem .4rem 0;border-radius:.5rem}.login-dropdown-toggle:active,.login-dropdown-toggle:hover{background-color:#cbcbcb}.login-dropdown-menu{display:none;margin-top:.2rem;position:absolute;box-shadow:0 .7rem 1.4rem 0 rgba(0,0,0,.07);border-radius:.7rem}.login-dropdown-menu>button{border:none;text-align:left;padding:1rem;display:flex;align-items:center;cursor:pointer;outline:none;width:32rem}.login-dropdown-menu>button>img{width:3rem;border-radius:50%;margin-right:1rem}.login-dropdown-menu>button>p{font-size:1.5rem}.show{display:block}
/*# sourceMappingURL=main.4feacad5.chunk.css.map */