@import url(https://fonts.googleapis.com/css?family=Roboto+Slab|Mukta|Lobster&display=swap);
.header{text-align:center;background-color:#222;height:15%}.header .icon{height:30%}.header .icon--nav:hover{cursor:pointer}.header .icon--banner{display:block;max-width:100px;margin:1% auto}.header nav{height:70%}.header .navbar{color:#eee;display:flex;justify-content:center;border:#eee solid 2px;padding:0;margin:0}.header .navbar__link{list-style-type:none;width:100%;border-left:2px solid #eee}.header .navbar__link--first{border:none}.header .navbar__link a{display:block;padding:2% 0;width:100%;text-decoration:none;font-size:.7em}.header .navbar__link a:hover,.header .navbar__link a:focus{background-color:#00ADB5}.header .navbar__link a.selected{background-color:#00ADB5}footer{height:5%;display:flex;flex:column;justify-content:center;align-items:center;justify-content:space-evenly;flex-wrap:wrap}footer img{height:20px}footer p{margin:0;padding:0;font-size:1em}.map{width:100%;height:100%;position:relative}.map #mapid{height:77vh;margin:0;padding:0}.map .barinfo__link{width:100%;position:absolute;left:0;bottom:0;background-color:#00ADB5;z-index:1000;text-decoration:none;color:#eee;display:grid;justify-content:center;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.map .barinfo__link__name{grid-column-start:1;grid-column-end:3;justify-self:center;align-self:center;margin:0;padding:0}.map .barinfo__link__type{grid-column-start:1;grid-column-end:2;justify-self:center;align-self:center;padding-bottom:2%;margin:0}.map .barinfo__link__distance{grid-column-start:2;grid-column-end:3;justify-self:center;align-self:center;padding-bottom:2%;margin:0}.barlist{list-style-type:none;padding:0;text-align:left;display:flex;flex-wrap:wrap;justify-content:space-evenly;width:80%;margin:0 auto}.barlist h2{padding:0;margin:0 0 0.5em 0;font-weight:100;line-height:90%}.barlist__bar{width:30vw;margin:2% 0}.barlist__bar__info{border-top:#00ADB5 1em solid;background-color:#eee;padding:.7em;margin-left:.5vw;margin-bottom:1em;box-shadow:0px 4px 8px black}.barlist__bar__info__text{margin-top:0;margin-bottom:0.5em;filter:brightness(0.14)}.barlist__bar__info .rating *{filter:brightness(0.14)}.barlist a{text-decoration:none;color:#222}@media screen and (max-width: 800px){.barlist{width:100%}.barlist h2{font-size:1.25em}.barlist__bar{width:44vw}.barlist p{font-size:1em}.barlist .rating img{width:8%}}.index{height:77vh}.bar{margin:0;padding:0;height:77vh}.bar__div{display:grid;justify-content:center;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;border-bottom:3px solid #eee}.bar__div__name{grid-column-start:1;grid-column-end:3;justify-self:center;align-self:center;margin:0;padding:0}.bar__div__type{grid-column-start:1;grid-column-end:2;justify-self:center;align-self:center;padding-bottom:2%;margin:0}.bar .rating{grid-column-start:2;grid-column-end:3;justify-self:center;align-self:end;padding-bottom:2%}.bar__challenges{text-decoration:none;margin:0;padding:0}.bar__challenges__notcheckin{margin-top:20vh}.bar__challenges.list__element{color:#222;margin:2.5% auto;display:flex;flex-direction:column;max-width:50%}.bar__challenges.list__element__challange{width:100%;background-color:#00ADB5;padding:2.5%}.bar__challenges.list__element__points{display:flex;justify-content:space-evenly;padding:2.5%;background-color:#eee}.bar__challenges.list__element__points button{background-color:#eee;border:none}.bar__challenges.list__element__points button:hover{cursor:pointer}@media screen and (max-width: 800px){.bar__challenges.list__element{max-width:80%}.bar__challenges.list__element__challange{padding:2%}.bar__challenges.list__element__points{padding:0}}.profile__header{border-bottom:3px solid #eee;display:flex;justify-content:space-between;align-items:center;margin-bottom:1em;padding:0 2em}.yourbars{padding:0;color:#222}.yourbars__bartag{background-color:#eee;transition-duration:0.4s;list-style-type:none;margin-left:0;margin:1em 1.5em}.yourbars__bartag .barcont{display:grid;grid-template-columns:8vw auto 4em;align-items:center;padding:0 1em}.yourbars__bartag .barcont .no-style{display:none}.yourbars__bartag .barcont__label{margin-top:.5em;width:2.6em}.yourbars__bartag .barcont__label__img{width:100%;-webkit-transform:rotate(180deg);transition-duration:0.2s}.yourbars__bartag .barcont__input{display:none}.yourbars__bartag .barcont__heading{text-align:left;padding:0 1em}.yourbars__bartag .barcont__points{font-size:.9em}.yourbars__bartag .yourchalls{display:none}.yourbars__bartag--open{background-color:#00ADB5;transition-duration:0.3s}.yourbars__bartag--open .barcont__label__img{-webkit-transform:rotate(0deg);transition-duration:0.2s}.yourbars__bartag--open .yourchalls{display:inline-block;background-color:#eee;width:100%;padding-left:0;padding:0 1em}.yourbars__bartag--open .yourchalls__challs{display:flex;justify-content:space-between;align-items:center;list-style-type:none}.yourbars__bartag--open .yourchalls__challs--description{text-align:left;max-width:60%}.yourbars__bartag--open .yourchalls__challs--score{text-align:right;max-width:30%;font-size:.9em}@media screen and (min-width: 701px){.yourbars__bartag{max-width:60vw;margin-left:auto;margin-right:auto}}*{box-sizing:border-box}html{padding:0}body{margin:0;background-color:#222;color:#eee;font-family:"Mukta";text-align:center}p{font-family:"Roboto Slab"}.bar__div__type__icon{height:1.5em}button{background-color:#00ADB5;color:#eee;font-size:1.5em;border-radius:7.5px;padding:0.5em 1em;border:none}button:hover{background-color:#eee;color:#222;border:#00ADB5 solid 7.5px}h1{font-size:2em;text-transform:uppercase}h2{font-size:1.7em;text-transform:uppercase}h3{font-size:1.2em;text-transform:uppercase}p{font-size:1.25em}