@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);*,:after,:before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%;font-family:Roboto,sans-serif}@media (max-width:75em){html{font-size:56.25%}}@media (max-width:56.25em){html{font-size:50%}}textarea{font-family:Roboto,sans-serif;font-size:1.4rem}body{box-sizing:border-box}button{background-color:#eaedf2;padding:.7rem 1.4rem;border:1px solid #2d2c31;border-radius:2px;margin:1rem 0;cursor:pointer}@-webkit-keyframes expandWidth{0%{width:0}to{width:100%}}@keyframes expandWidth{0%{width:0}to{width:100%}}.main{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}@media (max-width:43.75em){.main{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}}.BattleHistory{border:1px solid #010101;width:90rem;height:82rem;overflow-y:scroll;text-align:center}@media (max-width:75em){.BattleHistory{height:76rem;width:72rem}}@media (max-width:43.75em){.BattleHistory{margin-bottom:1rem;width:40rem}}.BattleHistory__label{font-size:2.4rem;margin:1rem 0}@media (max-width:43.75em){.BattleHistory__label{font-size:1.6rem}}.PastBattle__battle{font-size:2rem;display:-webkit-flex;display:flex;width:50rem;margin:0 auto;position:relative}@media (max-width:43.75em){.PastBattle__battle{font-size:1.4rem;width:30rem}}.PastBattle__emoji{position:absolute;left:-3rem}.PastBattle__hero1{margin-right:.5rem}.PastBattle__hero1,.PastBattle__hero2{width:25rem;border:1px solid #010101;border-radius:2px}.PastBattle__hero2{margin-left:.5rem}.PastBattle__videogames{background-color:#76b445}.PastBattle__movies{background-color:rgba(251,192,45,.9)}.PastBattle__superheroes{background-color:rgba(211,47,47,.9)}.PastBattle__mythology{background-color:#8159b3}.Battles{width:90rem;border:1px solid #000;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;height:82rem;color:#010101}@media (max-width:75em){.Battles{width:70rem;height:76rem}}@media (max-width:56.25em){.Battles{width:50rem}}@media (max-width:43.75em){.Battles{height:56rem;width:40rem;margin-bottom:2rem}}.Battles__votesection{text-align:center;height:7.6rem;width:60rem}.Battles__votebutton{margin:1.2rem 0;font-size:2.4rem;border-radius:4px;height:5.2rem;background-color:#eaedf2;padding:.7rem 1.4rem;border:1px solid #2d2c31}@media (max-width:75em){.Battles__votebutton{margin:1.7rem 0;font-size:2rem;height:4.2rem}}@media (max-width:56.25em){.Battles__votebutton{margin:1.7rem 0;font-size:2rem;height:4.2rem}}.Battles__voted{text-align:center;font-size:2.4rem;line-height:7.4rem}@media (max-width:56.25em){.Battles__voted{font-size:1.6rem}}.Battles__voted--text{font-size:2rem;line-height:7.4rem}@media (max-width:56.25em){.Battles__voted--text{font-size:1.4rem}}@media (max-width:43.75em){.Battles__voted--text{font-size:1.2rem}}.Battles__voted--message{width:60rem;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;text-align:center;margin:0 15rem}@media (max-width:75em){.Battles__voted--message{width:50rem;margin:0 10rem;font-size:2rem}}@media (max-width:56.25em){.Battles__voted--message{width:40rem;font-size:1.6rem}}.Battles__link{padding:0 1rem;color:#3f51b5;margin-left:4rem}.Battle{width:90rem;position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding-top:.5rem;padding-bottom:.5rem;border-bottom:1px solid #010101}@media (max-width:75em){.Battle{width:70rem;height:17rem}}@media (max-width:56.25em){.Battle{width:50rem}}@media (max-width:43.75em){.Battle{width:40rem;margin:0 auto;height:12rem}}.Battle__category{position:absolute;font-size:2rem;top:.5rem;left:1rem;font-weight:700}@media (max-width:75em){.Battle__category{font-size:1.6rem}}@media (max-width:43.75em){.Battle__category{font-size:1.2rem}}.Battle__hero1{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;width:40rem}@media (max-width:75em){.Battle__hero1{width:30rem}}@media (max-width:56.25em){.Battle__hero1{width:22rem}}.Battle__hero2{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;width:40rem}@media (max-width:75em){.Battle__hero2{width:30rem}}@media (max-width:56.25em){.Battle__hero2{width:22rem}}.Battle__heroName{font-size:2.4rem;margin-top:.5rem;color:#010101}@media (max-width:75em){.Battle__heroName{font-size:1.8rem}}@media (max-width:56.25em){.Battle__heroName{font-size:1.6rem}}@media (max-width:43.75em){.Battle__heroName{font-size:1.2rem}}.Battle__hero{border:1px solid #666372;border-radius:4px;text-align:center;padding:.5rem;width:12.5rem;margin:.9rem .4rem;box-shadow:1px 2px 4px #666372}@media (max-width:75em){.Battle__hero{width:11rem}}@media (max-width:56.25em){.Battle__hero{width:9rem;height:12rem;margin:.4rem}}@media (max-width:43.75em){.Battle__hero{width:7.5rem;height:9rem;margin:0}}.Battle__hero1details{width:26rem;text-align:center;padding-right:1rem;padding-top:3rem}@media (max-width:75em){.Battle__hero1details{width:17.5rem;padding-right:0}}@media (max-width:56.25em){.Battle__hero1details{width:14rem}}@media (max-width:43.75em){.Battle__hero1details{width:10rem}}.Battle__hero1image{width:13.5rem;height:17.5rem}@media (max-width:75em){.Battle__hero1image{width:12rem;height:15rem}}@media (max-width:56.25em){.Battle__hero1image{width:9rem;height:12rem}}@media (max-width:43.75em){.Battle__hero1image{width:7.5rem;height:10rem}}.Battle__hero2image{width:13.5rem;height:17.5rem}@media (max-width:75em){.Battle__hero2image{width:12rem;height:15rem}}@media (max-width:56.25em){.Battle__hero2image{width:9rem;height:12rem}}@media (max-width:43.75em){.Battle__hero2image{width:7.5rem;height:10rem}}.Battle__versus{padding:4rem 1rem}@media (max-width:75em){.Battle__versus{padding:1rem}}@media (max-width:56.25em){.Battle__versus{padding:.5rem}}.Battle__versus--image{height:8rem}@media (max-width:75em){.Battle__versus--image{height:7rem}}@media (max-width:56.25em){.Battle__versus--image{height:5rem}}@media (max-width:43.75em){.Battle__versus--image{height:4rem}}.Battle__hero2details{width:26rem;text-align:center;padding-left:1rem;padding-top:3rem}@media (max-width:75em){.Battle__hero2details{width:17.5rem;padding-left:0}}@media (max-width:56.25em){.Battle__hero2details{width:14rem}}@media (max-width:43.75em){.Battle__hero2details{width:10rem}}.Battle__selected{border:5px solid #3f51b5;margin:.4rem}@media (max-width:56.25em){.Battle__selected{width:9rem;height:12rem;padding:.4rem;margin:0}}@media (max-width:43.75em){.Battle__selected{width:7.5rem;height:9rem;border:3px solid #3f51b5;padding:.2rem}}.Battle__results{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-flex-direction:row;flex-direction:row;font-size:2rem;margin-top:1rem}.Battle__hero1results{width:20rem;margin:.5rem auto;font-size:1.6rem}@media (max-width:75em){.Battle__hero1results{width:14rem}}@media (max-width:56.25em){.Battle__hero1results{width:9rem}}.Battle__hero2results{width:20rem;margin:.5rem auto;font-size:1.6rem}@media (max-width:75em){.Battle__hero2results{width:14rem}}@media (max-width:56.25em){.Battle__hero2results{width:9rem}}.Battle__votes{margin-top:1rem}.Battle__voted{text-align:center;color:#010101;padding:1rem}.Battle__voted--header{font-size:3.6rem}.Battle__voted--text{font-size:2.4rem}.ResultsBar{position:relative;height:2.5rem;width:20rem;border-radius:1rem;border:1px solid #333;-webkit-animation:expandWidth .7s ease-in-out;animation:expandWidth .7s ease-in-out}@media (max-width:75em){.ResultsBar{width:14rem;height:2.5rem}}@media (max-width:56.25em){.ResultsBar{width:9rem}}@media (max-width:43.75em){.ResultsBar{height:2rem;width:7rem;margin-left:1rem}}.ResultsBar__progress{height:100%;border-radius:inherit;color:#fff;font-size:2rem}@media (max-width:43.75em){.ResultsBar__progress{font-size:1.6rem}}.ResultsBar__videogames{background-color:#76b445}.ResultsBar__movies{background-color:rgba(251,192,45,.9)}.ResultsBar__superheroes{background-color:rgba(211,47,47,.9)}.ResultsBar__mythology{background-color:#8159b3}.Heroes__container{display:-webkit-flex;display:flex;width:90rem;height:82rem;margin:0 auto}@media (max-width:75em){.Heroes__container{height:76rem;width:72rem}}@media (max-width:43.75em){.Heroes__container{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;margin-bottom:4rem;width:40rem;height:68rem}}.Sidenav{width:24rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:82rem;border:1px solid #010101;border-right:none}@media (max-width:75em){.Sidenav{height:76rem;width:22rem}}@media (max-width:43.75em){.Sidenav{-webkit-flex-direction:row;flex-direction:row;width:40rem;height:6rem;border-right:1px solid #010101;-webkit-align-items:center;align-items:center;margin-bottom:1rem}}.Sidenav__title{font-size:3.6rem;text-align:center;color:#010101;text-decoration:none;padding:1rem 0}@media (max-width:43.75em){.Sidenav__title{display:none}}.Sidenav__link{text-decoration:none;color:#010101;font-size:2rem;background-color:#fff;border:1px solid #666372;margin:0 1rem .5rem;border-radius:4px;padding:.8rem 1.4rem;display:block}@media (max-width:43.75em){.Sidenav__link{font-size:1.2rem;padding:.2rem .4rem;text-align:center}}.Sidenav__link--selected{color:#fff}.Sidenav__link--selected--vg{background-color:#76b445}.Sidenav__link--selected--movie{background-color:rgba(251,192,45,.9)}.Sidenav__link--selected--super{background-color:rgba(211,47,47,.9)}.Sidenav__link--selected--myth{background-color:#8159b3}.Sidenav__heroes{margin-bottom:1rem;margin-top:.5rem}.Sidenav__hero--selected{background-color:#eaedf2;margin-left:1rem;padding-left:-1rem}.Sidenav__hero--link{text-decoration:none;font-size:1.6rem;color:#010101;padding:.4rem 2rem;display:block}@media (max-width:43.75em){.Sidenav__hero--link{display:none}}@media (max-width:43.75em){.Sidenav__label{height:3.6rem}}.HeroPreview__display{padding:1rem;border:1px solid #010101;height:82rem}@media (max-width:75em){.HeroPreview__display{height:76rem;width:50rem}}@media (max-width:43.75em){.HeroPreview__display{height:62rem;width:40rem}}.HeroPreview__label{font-size:2.4rem;margin-bottom:.5rem}.HeroPreview__heroes{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.HeroPreview__card{border:1px solid #2d2c31;background-color:#fff;width:14.9rem;height:18.3rem;border-radius:4px;margin:0 .5rem 1rem;text-align:center;padding:1rem 0;text-decoration:none;font-size:1.4rem;color:#010101;box-shadow:1px 2px 4px #666372}@media (max-width:75em){.HeroPreview__card{width:10.9rem;height:16.9rem;margin:0 .5rem 1rem}}@media (max-width:56.25em){.HeroPreview__card{width:10.9rem;height:16.7rem;margin:0 .5rem 1rem}}@media (max-width:43.75em){.HeroPreview__card{height:12.7rem;width:8.4rem;font-size:1.2rem}}.HeroDetails{padding:2rem 3rem;border:1px solid #010101;height:82rem}@media (max-width:75em){.HeroDetails{height:76rem}}@media (max-width:43.75em){.HeroDetails{width:40rem;height:64rem}}.HeroDetails__name{font-size:4rem;margin-bottom:1rem}@media (max-width:75em){.HeroDetails__name{font-size:3.6rem;margin-bottom:.5rem}}@media (max-width:56.25em){.HeroDetails__name{font-size:2.8rem}}@media (max-width:43.75em){.HeroDetails__name{font-size:2.2rem}}.HeroDetails__from{font-size:2.4rem;margin-bottom:1rem}@media (max-width:75em){.HeroDetails__from{font-size:2rem}}@media (max-width:56.25em){.HeroDetails__from{font-size:1.6rem}}@media (max-width:43.75em){.HeroDetails__from{font-size:1.2rem}}.HeroDetails__category{font-size:2rem;margin:1rem 0}@media (max-width:75em){.HeroDetails__category{font-size:1.8rem}}@media (max-width:56.25em){.HeroDetails__category{font-size:1.4rem}}.HeroDetails__description{font-size:1.6rem;margin-bottom:2rem}@media (max-width:75em){.HeroDetails__description{font-size:1.5rem}}@media (max-width:43.75em){.HeroDetails__description{font-size:1.2rem}}.HeroList{border:1px solid #010101;width:70rem;height:82rem;padding:2rem;text-align:center}@media (max-width:75em){.HeroList{height:76rem}}@media (max-width:43.75em){.HeroList{width:60rem}}.HeroList__header{font-size:2.4rem;margin-bottom:2rem}.HeroList__heroes{display:-webkit-flex;display:flex}.HeroList__section{-webkit-flex-basis:25%;flex-basis:25%}.HeroList__label{font-size:2.4rem;margin-bottom:1rem;text-decoration:underline}.HeroList__label--vg{color:#76b445}.HeroList__label--movie{color:rgba(251,192,45,.9)}.HeroList__label--super{color:rgba(211,47,47,.9)}.HeroList__label--myth{color:#8159b3}.HeroList__hero{margin-left:2rem;font-size:1.4rem;text-align:left}.HeroList__message{margin:2rem 0;font-size:1.4rem}.Sidebar{width:30rem;height:82rem;border:1px solid #010101;border-left:none}@media (max-width:75em){.Sidebar{height:76rem}}@media (max-width:43.75em){.Sidebar{width:40rem;margin:0 auto;border-left:1px solid #010101}}.Sidebar__welcome{padding:0 2rem;width:30rem;margin-top:2rem}@media (max-width:43.75em){.Sidebar__welcome{margin:0 auto}}.Sidebar__header{font-size:3rem;margin:0 auto 1rem;width:100%;font-weight:700;padding:0 2rem}.Sidebar__text{font-size:2rem;margin-bottom:1rem}@media (max-width:75em){.Sidebar__text{font-size:1.6rem}}.Sidebar__back{color:#666372;border:1px solid #666372;margin-left:1rem}.Sidebar__back--icon{margin-right:.7rem}.Sidebar__auth{padding:0 2rem;width:26rem;text-align:center;margin-top:1rem}@media (max-width:56.25em){.Sidebar__auth{width:22rem}}@media (max-width:43.75em){.Sidebar__auth{width:27rem}}.Sidebar__login{margin-right:1.2rem}.Navbar{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;background-color:#fff;color:#010101;height:4.2rem;line-height:4.2rem;padding:0 25rem}@media (max-width:75em){.Navbar{height:4rem;line-height:3.6rem;padding:0 10rem}}@media (max-width:56.25em){.Navbar{line-height:3.6rem;padding:0 4rem}}.Navbar__link{text-decoration:none;font-size:2.4rem;padding:0 2rem;color:#010101}@media (max-width:43.75em){.Navbar__link{font-size:1.4rem;padding:0 1rem}}.Navbar__dropdown{text-decoration:none;font-size:3rem;color:#010101;padding:0 2rem}@media (max-width:43.75em){.Navbar__dropdown{font-size:1.6rem}}.Navbar__dropdown--link{text-decoration:none}.Navbar__dropdown--link:link,.Navbar__dropdown--link:visited{color:#010101}.Navbar__selected{font-weight:700}.Navbar__register{border:1px solid #fff;border-radius:10px}.Navbar__logo{font-size:2.4rem;display:-webkit-flex;display:flex;-webkit-align-content:center;align-content:center}@media (max-width:43.75em){.Navbar__logo--text{font-size:1.4rem;width:7rem}}.Navbar__logo--image{height:3rem;width:3rem;margin-top:.5rem;margin-left:.5rem}.dropbtn{color:#fff;border:none;cursor:pointer}.Navbar__dropdown{position:relative;display:inline-block;padding-top:.2rem}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 .5rem 1rem 0 rgba(40,40,40,.2);z-index:1}.dropdown-content a{color:#000;padding:6px 12px;display:block;font-size:1.6rem}.dropdown-content a:hover{background-color:#f1f1f1}.Navbar__dropdown:hover .dropdown-content{display:block}.dropdown-selection{cursor:pointer;text-decoration:none;height:40px;line-height:30px}.dropdown-selection:hover{background-color:#a0a0a0}.CreateProfile{text-align:center;color:#010101;width:30rem}@media (max-width:56.25em){.CreateProfile{width:25rem}}.CreateProfile__header{font-size:2.4rem;margin:1rem 0}.CreateProfile__text{font-size:1.6rem;margin:0 2rem 2rem}.CreateProfile__label{font-size:2.4rem;margin:2rem 0}.CreateProfile__avatars{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:28rem;border:1px solid #666372;background-color:#fff;padding:1rem;margin:0 1rem}@media (max-width:75em){.CreateProfile__avatars{padding:.8rem}}@media (max-width:56.25em){.CreateProfile__avatars{padding:.4rem;width:23rem}}.CreateProfile__avatar{border:2px solid #fff}.CreateProfile__submit{background-color:#eaedf2;padding:.9rem 1.8rem;border:1px solid #2d2c31;border-radius:2px;margin:2rem 0;cursor:pointer}.CreateProfile__selected{border:2px solid #3f51b5;border-radius:4px}.CreateProfile__back--icon{margin-right:.8rem}.Avatar{height:8.2rem;width:8.2rem}@media (max-width:56.25em){.Avatar{height:6.4rem;width:6.4rem}}.Thumbnail-large{height:200px;border-radius:2px}.Thumbnail-small{width:10.5rem;height:14rem;border-radius:1px}@media (max-width:75em){.Thumbnail-small{width:9rem;height:12rem}}@media (max-width:56.25em){.Thumbnail-small{width:8rem;height:10.5rem}}@media (max-width:43.75em){.Thumbnail-small{width:6rem;height:8rem}}.Profile{width:100%}.Register{text-align:center}.Register__header{font-size:3rem;margin-bottom:1rem}.Register__text{font-size:2rem;margin-bottom:1rem}.Register__submit{background-color:#fff;padding:.7rem 1.4rem;border:1px solid #2d2c31;border-radius:2px;margin:1rem 0;cursor:pointer}.Login{height:30vh;text-align:center;width:25rem;margin:0 auto}.Login__header{font-size:3rem;margin-bottom:1rem}.Login__text{font-size:2rem;margin-bottom:1rem}.Login__submit{background-color:#eaedf2;padding:.7rem 1.4rem;border:1px solid #2d2c31;border-radius:2px;margin:1rem 0;cursor:pointer}.Dashboard{height:82rem;width:90rem;border:1px solid #010101}@media (max-width:75em){.Dashboard{height:76rem;width:72rem}}@media (max-width:43.75em){.Dashboard{margin-bottom:1rem;width:40rem}}.Dashboard__title{font-size:3.6rem;text-align:center;color:#010101;margin:1rem 0}.Dashboard__profile{width:55rem;color:#010101;overflow:hidden;border:1px solid #010101;border-radius:4px;display:-webkit-flex;display:flex;margin:2rem auto 0}@media (max-width:43.75em){.Dashboard__profile{width:30rem}}.Dashboard__profile--message{font-size:2rem;margin-top:1rem}@media (max-width:43.75em){.Dashboard__profile--message{font-size:1.6rem}}.Dashboard__profile--info{display:-webkit-flex;display:flex}.Dashboard__profile--handle{font-size:4.8rem;margin-left:2rem}@media (max-width:43.75em){.Dashboard__profile--handle{font-size:2.4rem}}.Dashboard__nav{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;color:#010101;font-size:3rem}.Dashboard__navlink{color:#010101;text-decoration:none;font-size:1.6rem;background-color:#eaedf2;padding:.4rem .8rem;border:1px solid #2d2c31;border-radius:2px;margin-top:2rem;cursor:pointer}.Dashboard__emoji{margin-left:.5rem}.Dashboard__noprofile{padding-bottom:3rem;text-align:center;color:#010101}.Dashboard__noprofile--welcome{font-size:3rem;margin:2rem 0}.Dashboard__noprofile--text{font-size:2rem;margin-bottom:3rem}.Dashboard__noprofile--link{text-decoration:none;color:#010101;border:2px solid #b4b4b4;background-color:#eaedf2;padding:1rem 1.6rem;font-size:2rem;border-radius:2px}.TrophyCount{margin-left:4rem;line-height:6.4rem}.TrophyCount__emoji{margin-left:.8rem}.Trophies{width:90rem;height:82rem;border:1px solid #010101;overflow-y:scroll}@media (max-width:75em){.Trophies{height:76rem;width:72rem}}@media (max-width:43.75em){.Trophies{margin-bottom:1rem;width:40rem}}.Trophies__result{font-size:2rem;text-align:center}@media (max-width:43.75em){.Trophies__result{font-size:1.6rem}}.Trophies__result--date{width:12rem;padding:1rem}@media (max-width:43.75em){.Trophies__result--date{padding:.4rem}}.Trophies__result--hero{padding:0 1rem}@media (max-width:43.75em){.Trophies__result--hero{padding:0 .4rem}}.Trophies__icon{line-height:4.4rem}.Trophies__table{margin:0 auto}.Trophies__videogames{background-color:#76b445}.Trophies__movies{background-color:rgba(251,192,45,.9)}.Trophies__superheroes{background-color:rgba(211,47,47,.9)}.Trophies__mythology{background-color:#8159b3}.Trophies__none{font-size:1.6rem;text-align:center;margin:.8rem 0}.TrophyCount{font-size:3rem}.Suggestions{width:90rem;height:82rem;border:1px solid #010101;overflow-y:scroll}@media (max-width:75em){.Suggestions{height:76rem;width:72rem}}@media (max-width:43.75em){.Suggestions{margin-bottom:1rem;width:40rem}}.Suggestions__form{width:40rem;margin:0 auto;text-align:center}@media (max-width:43.75em){.Suggestions__form{width:35rem}}.Suggestions__display{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;color:#010101;font-size:2.4rem}.Suggestions__message{text-align:center;font-size:1.2rem;margin-bottom:1rem}.Suggestions__icon{height:20px;font-size:20px;color:rgba(102,99,114,.64);cursor:pointer}.Suggestions__voting{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start}.Suggestions__label{text-align:center;margin-bottom:2rem}@media (max-width:43.75em){.Suggestions__label{font-size:1.4rem}}.Suggestions__hero{border:1px solid #010101;width:20rem;background-color:#fff;padding:.5rem 1rem;display:-webkit-flex;display:flex;height:72px;border-radius:2px;margin:0 1rem 1rem;-webkit-align-items:center;align-items:center}@media (max-width:75em){.Suggestions__hero{width:17rem}}@media (max-width:56.25em){.Suggestions__hero{width:14rem}}@media (max-width:43.75em){.Suggestions__hero{width:8rem;padding:0 .4rem;margin:0}}.Suggestions__hero--upvote{height:20px}.Suggestions__hero--votes{font-size:1.6rem;height:2rem;text-align:center}@media (max-width:43.75em){.Suggestions__hero--votes{font-size:1.2rem}}.Suggestions__hero--downvote{height:20px}.Suggestions__hero--name{font-size:2rem;margin-left:2rem;word-wrap:break-word}@media (max-width:43.75em){.Suggestions__hero--name{font-size:1.2rem;margin:0}}.Suggestions__upvote--selected{color:#ffb300}.Suggestions__downvote--selected{color:#297ac6}.Suggestions__submit{background-color:#eaedf2;padding:.7rem 1.4rem;border:1px solid #2d2c31;border-radius:2px;margin:1rem 0;cursor:pointer}.Brackets{width:90rem;height:82rem;border:1px solid #010101}@media (max-width:75em){.Brackets{height:76rem;width:72rem}}@media (max-width:43.75em){.Brackets{margin-bottom:1rem;width:40rem}}.Brackets__welcome{text-align:center;font-size:2rem}.TextFieldGroup{margin-bottom:.5rem;color:#010101}.TextFieldGroup__input{background-color:#fff;height:3rem;font-size:1.6rem;border:1px solid #666372;padding-left:1rem;margin-left:.2rem;color:#010101}@media (max-width:43.75em){.TextFieldGroup__input{width:15rem}}.TextFieldGroup__error,.TextFieldGroup__info{font-size:1.4rem}.TextFieldGroup__icon{font-size:2rem}.TextFieldGroup__email,.TextFieldGroup__password{font-size:1.4rem;background-color:#fff;padding:.72rem;width:3rem;text-align:center;border:1px solid #666372;border-radius:2px;margin-bottom:1px}.SelectListGroup{color:#010101}.SelectListGroup__input{background-color:#fff;height:2.4rem;border:1px solid #666372;margin-left:.2rem}.SelectListGroup__error,.SelectListGroup__info{font-size:1.4rem}#Commentbox{height:64.2rem;margin:1rem;overflow-y:scroll}.Chat{width:30rem;border-left:none;height:82rem}@media (max-width:75em){.Chat{height:76rem}}@media (max-width:56.25em){.Chat{width:25rem}}@media (max-width:43.75em){.Chat{width:40rem}}.Chat__header{font-size:1.8rem;padding:.45rem}.Chat__profile{text-align:center;margin-top:4rem}.Chat__profile--message{font-size:1.6rem;margin:0 3rem 1rem}.Chat__profile--signup{font-size:2.4rem;margin:0 3rem 2rem}.Chat__message{margin-bottom:1rem;width:250px}@media (max-width:75em){.Chat__message{width:230px}}@media (max-width:56.25em){.Chat__message{width:160px}}@media (max-width:43.75em){.Chat__message{width:40rem}}.Chat__message--info{font-size:1.4rem;color:#d32f2f;display:inline-block}.Chat__message--author{font-size:1.6rem}.Chat__message--time{font-size:1.2rem;color:#666372}.Chat__message--content{font-size:1.4rem;margin-bottom:1rem;width:250px;word-wrap:break-word}@media (max-width:75em){.Chat__message--content{width:230px}}@media (max-width:56.25em){.Chat__message--content{width:160px}}@media (max-width:43.75em){.Chat__message--content{width:34rem}}.Chat__welcome{font-size:1.6rem;color:#666372;margin-bottom:1rem}.Chat__welcome--handle{color:#010101}.Chat__inputs{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;border-top:1px solid #010101;border-bottom:1px solid #010101}.Chat__input{width:22.6rem;height:4rem;border:none;resize:none;margin:0 .5rem;border-radius:2px;padding:.5rem}@media (max-width:75em){.Chat__input{width:22.2rem}}@media (max-width:56.25em){.Chat__input{width:16.9rem}}@media (max-width:43.75em){.Chat__input{width:31.6rem}}.Chat__input:focus{outline:none!important;box-shadow:0 0 5px #719ece}.Chat__submit{border-radius:4px;margin:.5rem .5rem .5rem 0;background-color:#3e3c43;color:#fff;border:none}.ChatAvatar{width:2rem;height:2rem;margin-bottom:-.4rem}.Backdrop{width:100%;height:100%;position:fixed;z-index:100;left:0;top:0;background-color:rgba(0,0,0,.4)}.Modal{position:fixed;z-index:500;background-color:#fff;width:30rem;height:10rem;line-height:7.5rem;font-size:2rem;border:1px solid #ccc;box-shadow:1px 1px 1px #000;padding:1rem;text-align:center;left:52%;margin:0 auto 0 -34rem;top:33%;box-sizing:border-box;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.Leaderboard{border:1px solid #010101;width:90rem;height:82rem;overflow-y:scroll;text-align:center}@media (max-width:75em){.Leaderboard{height:76rem;width:72rem}}.Leaderboard__label{font-size:2.4rem;margin:1rem 0}.Leaderboard__entry{display:-webkit-flex;display:flex;width:24rem;border:1px solid #010101;border-radius:2px;padding:.5rem 1rem;margin:0 auto .5rem}.Leaderboard__rank{font-size:2.2rem}.Leaderboard__trophies{display:-webkit-flex;display:flex}.Leaderboard__trophies--text{font-size:2.2rem;margin-right:.5rem}.Leaderboard__handle{font-size:2.2rem;margin-left:2rem;width:15rem;text-align:left}.Leaderboard__icon{font-size:2rem}.Leaderboard__text{margin-bottom:2rem;font-size:1.4rem}
/*# sourceMappingURL=main.2e2d9ab0.chunk.css.map */