@import url(https://fonts.googleapis.com/css2?family=Inter&display=swap);@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);body{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}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#navbar,h1,h2{text-align:center}#navbar{list-style-type:none}#navbar li{display:inline;padding:8px;background-color:#ddd}#map{height:400px;width:100%}table,td,th{border:1px solid #000}.article{width:300px;object-fit:contain}.article,.articleImage{height:300px;display:block}.articleImage{margin-top:25px}.articlePreview,.articlePreview2{width:100%;font-weight:700;text-decoration:none;display:flex;align-items:center;border-width:medium 1px 1px;border-top:1px solid red;font-family:Paralucent}.articleTitle{font-size:20px;font-weight:900;margin:10px}body{background-color:#fff;margin:auto;overflow-x:hidden;background-repeat:repeat;font-family:"Inter",sans-serif;display:grid}.container{width:100%;padding-right:25px;padding-left:25px;padding-bottom:25px;margin-right:auto;margin-left:auto}img{max-width:100%;height:auto}.sec__one{position:relative;width:100%;display:flex;padding:60px 0}.sec__one h1{text-align:center;display:block;margin:0 auto;color:#07a8ff;font-family:"Inter",sans-serif}.navBar .logo img{float:left;max-height:120px}.is-active{color:#ff5800!important}.navBar .col-md-3{z-index:7}ul.main-menu{display:inline-flex;list-style:none;margin:0 auto;padding:0;float:right;z-index:7}ul.main-menu>li.menu-item:first-child{padding-left:0;margin-left:0}.menu-item{line-height:23px}li{list-style-type:none}.menu-item a{font-size:12px;font-weight:600;line-height:40px;position:relative;display:block;color:#545050;margin:27px 17px;text-decoration:none;cursor:pointer}.header__middle__logo{width:20%;display:inline-block;float:left}.header__middle__menus{width:100%;float:left;display:flex;justify-content:center;align-content:center;align-items:center}.menu-item.menu__qqqitem a{margin:27px 10px}.header__middle__search{width:7%;display:inline-block;float:right;padding:36px 3px 27px;border-left:1px solid #e6e6fa}.header__middle{display:flex;width:100%;float:left;border-bottom:1px dashed #e6e6fa;position:relative}.header__middle__logo>a>h1{color:#07a8ff;text-transform:uppercase;text-decoration:none;margin-top:33px}.header__middle__menus span.text{position:absolute;right:177px;bottom:10px;font-size:14px;color:#ff1800}.sub__menus__arrows{position:relative}.sub__menus__arrows__full svg,.sub__menus__arrows svg{padding-top:0;position:absolute;top:13px}.sub__menus{position:absolute;display:none;background:#fff;border:1px solid #e6e6fa;width:227px;left:-17px;padding:2px 0 0;z-index:1000;box-shadow:0 10px 12px rgba(22,33,39,.25)}@media (max-width:767px){.header__middle .active{color:#ff3d00!important}}@media (min-width:992px){.sub__menus__arrows:hover .sub__menus{display:block}.sub__menus__arrows__full:hover .sub__menus{display:block;z-index:1000000}}.menu-item .sub__menus a{padding:7px 0 0;margin:7px 27px}.menu-item .sub__menus li:hover a,.menu-item:hover>a{color:#07a8ff!important}.header__middle__logo img{max-width:207px;margin:17px 0 0}@media(max-width:991px){.header__middle__logo{width:77%}.header__middle__menus{width:20%}.header__middle__logo img{max-width:197px;margin:27px 0 0}.main-nav .menubar__button:hover{background-color:#f44336}.main-nav .menu-item:hover>a{color:#07a8ff!important}.main-nav .menubar__button{display:block!important;float:right;background-color:#080808;color:#fff;padding:6px 7px;border-radius:5px;margin:27px auto 0;cursor:pointer;position:relative;z-index:10037}.main-nav .menubar__button svg{font-size:27px}.main-nav ul.menuq2{display:block!important;position:absolute;left:0;z-index:10007;background-color:#d8f1ff;border-bottom:3px solid #ff3d00;right:0;padding-bottom:17px;padding-top:57px}.main-nav .menu-item a{margin:10px 17px;text-align:center;color:#000}.main-nav ul.main-menu{display:none}.main-nav .sub__menus__arrows:hover .sub__menus,.sub__menus__Active{margin:0 auto;left:0;right:0}.sub__menus__Active,.sub__menus__Active2{display:block!important}.menus__categorysss,.menus__categorysss2{display:none}.menu-item .sub__menus__full a{text-align:left}}span{padding:10px}a{display:block;color:#000}.column{float:left;width:20%}.container{grid-template-columns:repeat(2,1fr)}@media (min-width:900px){*{box-sizing:border-box}.column-main{float:left;width:50%;padding:10px}.row:after{content:"";display:table;clear:both}}@media only screen and (max-width:900px){.column-main{width:100%;padding:10px}.row:after{content:"";display:table;clear:both}*{box-sizing:initial}}.articleContainer{margin:50px}.tag{background:#ececec;border-width:1px;display:inline;padding:5px;text-align:center}.link,.tag{border-style:solid}.icon{height:50px;width:50px}.button-49,.button-49:after{width:150px;height:76px;line-height:78px;font-size:20px;font-family:"Bebas Neue",sans-serif;background:linear-gradient(45deg,transparent 5%,#ff013c 0);border:0;color:#fff;letter-spacing:3px;box-shadow:6px 0 0 #00e6f6;outline:transparent;position:relative;user-select:none;-webkit-user-select:none;touch-action:manipulation}.button-49:after{--slice-0:inset(50% 50% 50% 50%);--slice-1:inset(80% -6px 0 0);--slice-2:inset(50% -6px 30% 0);--slice-3:inset(10% -6px 85% 0);--slice-4:inset(40% -6px 43% 0);--slice-5:inset(80% -6px 5% 0);content:"ALTERNATE TEXT";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 3%,#00e6f6 0,#00e6f6 5%,#ff013c 0);text-shadow:-3px -3px 0 #f8f005,3px 3px 0 #00e6f6;-webkit-clip-path:var(--slice-0);clip-path:var(--slice-0)}.button-49:hover:after{-webkit-animation:glitch 1s;animation:glitch 1s;-webkit-animation-timing-function:steps(2);animation-timing-function:steps(2)}@-webkit-keyframes glitch{0%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(-20px,-10px);transform:translate(-20px,-10px)}10%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);-webkit-transform:translate(10px,10px);transform:translate(10px,10px)}20%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}30%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);-webkit-transform:translateY(5px);transform:translateY(5px)}40%{-webkit-clip-path:var(--slice-2);clip-path:var(--slice-2);-webkit-transform:translate(-5px);transform:translate(-5px)}50%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);-webkit-transform:translate(5px);transform:translate(5px)}60%{-webkit-clip-path:var(--slice-4);clip-path:var(--slice-4);-webkit-transform:translate(5px,10px);transform:translate(5px,10px)}70%{-webkit-clip-path:var(--slice-2);clip-path:var(--slice-2);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}80%{-webkit-clip-path:var(--slice-5);clip-path:var(--slice-5);-webkit-transform:translate(20px,-10px);transform:translate(20px,-10px)}90%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(-10px);transform:translate(-10px)}to{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(0);transform:translate(0)}}@keyframes glitch{0%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(-20px,-10px);transform:translate(-20px,-10px)}10%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);-webkit-transform:translate(10px,10px);transform:translate(10px,10px)}20%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}30%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);-webkit-transform:translateY(5px);transform:translateY(5px)}40%{-webkit-clip-path:var(--slice-2);clip-path:var(--slice-2);-webkit-transform:translate(-5px);transform:translate(-5px)}50%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);-webkit-transform:translate(5px);transform:translate(5px)}60%{-webkit-clip-path:var(--slice-4);clip-path:var(--slice-4);-webkit-transform:translate(5px,10px);transform:translate(5px,10px)}70%{-webkit-clip-path:var(--slice-2);clip-path:var(--slice-2);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}80%{-webkit-clip-path:var(--slice-5);clip-path:var(--slice-5);-webkit-transform:translate(20px,-10px);transform:translate(20px,-10px)}90%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(-10px);transform:translate(-10px)}to{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(0);transform:translate(0)}}.button-49,.button-49:after{min-width:150px;max-width:100%;height:auto;line-height:normal;white-space:normal;text-align:center;padding:10px 5px;box-sizing:border-box}@media (max-width:480px){.button-49{font-size:16px}}a{text-decoration:none}h3,h4{text-align:center}.health-container{background-color:#f1ae9d}.finance-container{background-color:#c5f4c1}.vanity-container{background-color:#b3eaf7}.stat{font-weight:700}.stat-neutral{font-size:25px;color:#00f}.stat-bad{font-size:25px;color:red;font-weight:700}.stat-good,.stat-good-subset{font-size:25px;color:green}.stat-good-subset{margin-left:20px}.small{font-size:1rem;font-family:serif;text-align:center;color:grey;text-shadow:-1px -1px 0 grey,1px -1px 0 grey,1px 1px 0 grey,1px 1px 0 grey}.container{margin:10px auto;width:600px;text-align:center}.ageProgress{height:24px;width:20%}.progress-bg{margin:0 auto;width:90%;text-align:center;box-shadow:inset 0 0 10px #ccc}.progress-bar,.progress-bg{height:78px;border-radius:10px}.progress-bar{float:left;width:50%;background-color:#1c314a;background:-o-linear-gradient(top,#1c314a,#27425f)}.progress-bg h3.goal,.progress-bg h3.raised{font-family:Arial,sans-serif;font-size:1em;font-weight:600;line-height:78px;margin:0;padding:0;text-align:center;display:inline}.progress-bg h3.raised{color:#fff;margin:14px 25px 0 50px;padding:0 25px 0 0}.progress-bg h3.goal{color:#b2b2b2;text-align:center}body .progress-bg h3.raised{-webkit-animation:fadein 4s;animation:fadein 4s}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}​ @-o-keyframes fadein{0%{opacity:0}to{opacity:1}}​ .progress-bg h3.goal{float:right;display:inline;padding:0 25px 0 0;text-align:center}body .progress-bg div{-webkit-animation:progress-bar 2s ease forwards;animation:progress-bar 2s ease forwards}@-webkit-keyframes progress-bar{0%{width:0}to{width:50%}}@keyframes progress-bar{0%{width:0}to{width:50%}}.tree{--spacing:1.5rem;--radius:10px}.tree li{display:block;position:relative;padding-left:calc(var(--spacing)*2 - var(--radius) - 2px)}.tree ul{margin-left:calc(var(--radius) - var(--spacing));padding-left:0}.tree ul li{border-left:2px solid #ddd}.tree ul li:last-child{border-color:transparent}.tree ul li:before{content:"";display:block;position:absolute;top:calc(var(--spacing)/-2);left:-2px;width:calc(var(--spacing) + 2px);height:calc(var(--spacing) + 1px);border:solid #ddd;border-width:0 0 2px 2px}.tree summary{display:block;cursor:pointer}.tree summary::-webkit-details-marker,.tree summary::marker{display:none}.tree summary:focus{outline:none}.tree summary:focus-visible{outline:1px dotted #000}.tree li:after,.tree summary:before{content:"";display:block;position:absolute;top:calc(var(--spacing)/2 - var(--radius));left:calc(var(--spacing) - var(--radius) - 1px);width:calc(var(--radius)*2);height:calc(var(--radius)*2);border-radius:50%;background:#ddd}.tree summary:before{z-index:1;background:#696 url(/static/media/expand-collapse.e01f9fbe.svg) 0 0}.tree details[open]>summary:before{background-position:calc(var(--radius)*-2) 0}body{font-family:"Open Sans",sans-serif;line-height:normal;background:#e9f0f4;padding:0;margin:0}.content{padding:0;margin:5% 15%}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable{padding-right:35px}.alert-dismissable .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}.alert{border-radius:0;-webkit-border-radius:0;box-shadow:0 1px 2px rgba(0,0,0,.11)}.alert .sign{font-size:20px;vertical-align:middle;margin-right:5px;text-align:center;width:25px;display:inline-block}.alert-success{background-color:#dbf6d3;border-color:#aed4a5;color:#569745}.alert-info{background-color:#d9edf7;border-color:#98cce6;color:#3a87ad}.alert-warning{background-color:#fcf8e3;border-color:#f1daab;color:#c09853}.alert-danger{background-color:#f2dede;border-color:#e0b1b8;color:#b94a48}.alert-white{background-image:linear-gradient(180deg,#fff,#f9f9f9);border-color:#d8d8d8 #cacaca #bdbdbd;color:#404040;padding-left:61px;position:relative}.alert-white .icon{text-align:center;width:45px;height:100%;position:absolute;top:-1px;left:-1px;border:1px solid #bdbdbd}.alert-white .icon:after{-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);display:block;content:"";width:10px;height:10px;border:1px solid #bdbdbd;position:absolute;border-left:0;border-bottom:0;top:50%;right:-6px;margin-top:-5px;background:#fff}.alert-white.rounded{border-radius:3px;-webkit-border-radius:3px}.alert-white.rounded .icon{border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px}.alert-white .icon i{font-size:20px;color:#fff;left:12px;margin-top:-10px;position:absolute;top:50%}.alert-white.alert-danger-avoided .icon,.alert-white.alert-danger-avoided .icon:after{border-color:#000;background:green}.alert-white.alert-danger .icon,.alert-white.alert-danger .icon:after{border-color:#ca452e;background:#da4932}.alert-white.alert-info .icon,.alert-white.alert-info .icon:after{border-color:#12ba12;background:#d6d0d0}.alert-white.alert-warning .icon,.alert-white.alert-warning .icon:after{border-color:#d68000;background:#fc9700}.alert-white.alert-success .icon,.alert-white.alert-success .icon:after{border-color:#54a754;background:#60c060}.gauge-wrapper{display:inline-block;width:auto;margin:0 auto;padding:20px 15px 15px}.gauge{background:#e7e7e7;box-shadow:0 -3px 6px 2px rgba(0,0,0,.5);width:200px;height:100px;border-radius:100px 100px 0 0!important;position:relative;overflow:hidden}.gauge.min-scaled{-webkit-transform:scale(.5);transform:scale(.5)}.gauge-center{content:"";width:60%;height:60%;background:#15222e;border-radius:100px 100px 0 0!important;position:absolute;box-shadow:0 -13px 15px -10px rgba(0,0,0,.28);right:21%;bottom:0;color:#fff;z-index:10}.gauge-center .label,.gauge-center .number{display:block;width:100%;text-align:center;border:0!important}.gauge-center .label{font-size:.75em;opacity:.6;margin:1.1em 0 .3em}.gauge-center .number{font-size:1.2em}.needle{-webkit-transform-origin:100% 4px;transform-origin:100% 4px;-webkit-transform:rotate(115deg);transform:rotate(115deg)}.needle,.needle-danger{width:80px;height:7px;background:#15222e;border-bottom-left-radius:100%!important;border-bottom-right-radius:5px!important;border-top-left-radius:100%!important;border-top-right-radius:5px!important;position:absolute;bottom:-2px;left:20px;box-shadow:0 2px 2px 1px rgba(0,0,0,.38);display:none;z-index:9}.needle-danger{-webkit-transform-origin:100% 4px;transform-origin:100% 4px;-webkit-transform:rotate(65deg);transform:rotate(65deg)}.four.rischio1 .needle{-webkit-animation:fourspeed1 2s 1 both;animation:fourspeed1 2s 1 both;-webkit-animation-delay:1s;animation-delay:1s;display:block}.four.rischio2 .needle{-webkit-animation:fourspeed2 2s 1 both;animation:fourspeed2 2s 1 both;-webkit-animation-delay:1s;animation-delay:1s;display:block}.four.rischio3 .needle{-webkit-animation:fourspeed3 2s 1 both;animation:fourspeed3 2s 1 both;-webkit-animation-delay:1s;animation-delay:1s;display:block}.four.rischio4 .needle{-webkit-animation:fourspeed4 2s 1 both;animation:fourspeed4 2s 1 both;-webkit-animation-delay:1s;animation-delay:1s;display:block}.four.rischio1 .needle-danger{-webkit-animation:fourspeed1 2s 1 both;animation:fourspeed1 2s 1 both;-webkit-animation-delay:1s;animation-delay:1s;display:block}.four.rischio2 .needle-danger{-webkit-animation:fourspeed2 2s 1 both;animation:fourspeed2 2s 1 both;-webkit-animation-delay:1s;animation-delay:1s;display:block}.four.rischio3 .needle-danger{-webkit-animation:fourspeed3 2s 1 both;animation:fourspeed3 2s 1 both;-webkit-animation-delay:1s;animation-delay:1s;display:block}.four.rischio4 .needle-danger{-webkit-animation:fourspeed4 2s 1 both;animation:fourspeed4 2s 1 both;-webkit-animation-delay:1s;animation-delay:1s;display:block}.slice-colors{height:100%}.slice-colors .st{position:absolute;bottom:0;width:0;height:0;border:50px solid transparent}.four .slice-colors .st.slice-item:nth-child(2){border-top:50px solid #f1c40f;border-right:50px solid #f1c40f;background-color:#e67e22}.four .slice-colors .st.slice-item:nth-child(4){left:50%;border-bottom:50px solid #e84c3d;border-right:50px solid #e84c3d;background-color:#1eaa59}@-webkit-keyframes fourspeed1{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(16deg);transform:rotate(16deg)}}@-webkit-keyframes fourspeed2{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(65deg);transform:rotate(65deg)}}@-webkit-keyframes fourspeed3{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(115deg);transform:rotate(115deg)}}@-webkit-keyframes fourspeed4{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(164deg);transform:rotate(164deg)}}.gauge-legend-good{color:#1eaa59;font-weight:700}.gauge-legend-risk{color:#f1c40f;font-weight:700}.gauge-legend-bad{color:#e84c3d;font-weight:700}.tooltip{text-align:center;font-weight:700;position:relative;display:inline-block;border-bottom:1px dotted #3a3939}.tooltip .tooltiptext{visibility:hidden;width:120px;background-color:#312f2f;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:11}.tooltip:hover .tooltiptext{visibility:visible}.tag{display:inline-block;border-radius:3px;padding:.2em .5em .3em;border-radius:2px;background:var(--tag-bg);color:var(--text-color);font-weight:600;margin:.25em .1em}.tag-python{color:#ffda5d;background:#3879ab}.tag-mvp,.tag-todo{color:#fff;background-image:linear-gradient(90deg,#ff8901,#db1d5f);font-weight:700}.tag-lg{font-size:.8em;border-radius:4px}.progress-meter{padding:0}ol.progress-meter{padding-bottom:9.5px;list-style-type:none}ol.progress-meter li{display:inline-block;text-align:center;text-indent:-19px;height:36px;width:24.99%;font-size:12px;border-bottom-width:4px;border-bottom-style:solid}ol.progress-meter li:before{position:relative;float:left;text-indent:0;left:-ms-calc(50% - 9.5px);left:-o-calc(50% - 9.5px);left:calc(50% - 9.5px)}ol.progress-meter li.done{font-size:12px}ol.progress-meter li.done:before{content:"\2713";height:19px;width:19px;line-height:21.85px;bottom:-28.175px;border:none;border-radius:19px}ol.progress-meter li.todo{font-size:12px}ol.progress-meter li.todo:before{content:"\2B24";font-size:17.1px;bottom:-26.95px;line-height:18.05px}ol.progress-meter li.done{color:#000;border-bottom-color:#9acd32}ol.progress-meter li.done:before{color:#fff;background-color:#9acd32}ol.progress-meter li.todo{color:silver;border-bottom-color:silver}ol.progress-meter li.todo:before{color:silver}.accordion>input[type=checkbox]{position:absolute;left:-100vw}.accordion .content{overflow-y:hidden;height:0;transition:height .3s ease}.accordion>input[type=checkbox]:checked~.content{height:auto;overflow:visible}.accordion label{display:block}.accordion{margin-bottom:1em}.accordion>input[type=checkbox]:checked~.content{padding:15px;border:1px solid #e8e8e8;border-top:0}.accordion .handle{margin:0;font-size:1.125em;line-height:1.2em}.accordion label{color:#333;cursor:pointer;font-weight:400;padding:15px;background:#e8e8e8}.accordion label:focus,.accordion label:hover{background:#d8d8d8}.accordion .handle label:before{font-family:"fontawesome";content:"\f054";display:inline-block;margin-right:10px;font-size:.58em;line-height:1.556em;vertical-align:middle}.accordion>input[type=checkbox]:checked~.handle label:before{content:"\f078"}*,:after,:before{box-sizing:border-box}body{padding:40px}a{color:#06c}p{margin:0 0 1em}h1{margin:0 0 1.5em;font-weight:600;font-size:1.5em}.accordion{max-width:65em}.accordion p:last-child{margin-bottom:0}.container-heart{display:flex;justify-content:center;align-items:center}.human-heart{margin:5em;-webkit-animation:beatHeart .8s infinite;animation:beatHeart .8s infinite}@-webkit-keyframes beatHeart{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.1);transform:scale(1.1)}40%{-webkit-transform:scale(1);transform:scale(1)}60%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes beatHeart{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.1);transform:scale(1.1)}40%{-webkit-transform:scale(1);transform:scale(1)}60%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}*{box-sizing:border-box;font-family:sans-serif}:root{--default-animation-duration:0.2s;--default-border-radius:0.4rem;--hud-color:0,255,200;--hud--focus-color:255,255,255;--hud-opacity-primary:1;--hud-opacity-secondary:0.2}body,html{font-size:20px;margin:0;padding:0;width:100%}.gui-container{background-color:#2e2e2e;display:grid;grid-auto-flow:column;grid-gap:1rem;max-width:100%;margin:0 auto;padding:1rem;width:50rem}:root{--color-primary:#4b888c;--color-primary-light:#76b9bd;--color-primary-lightest:#d6ebec;--color-secondary:#76bda4}.stats-content{background-color:#fff;box-shadow:0 0 5rem rgba(0,0,0,.4);border-radius:2rem;z-index:5;font-weight:400;color:#444;box-sizing:border-box;padding:3rem;background:linear-gradient(to bottom right,#97e0c7,#4b888c)}section{padding:1rem 2rem;background-color:#fff;box-shadow:0 0 3rem rgba(0,0,0,.3);border-radius:.8rem}section>h2{font-size:2rem;letter-spacing:.2rem;font-weight:400;color:#4b888c;color:var(--color-primary)}.greeting{margin-bottom:4rem;font-size:1.4rem}main{grid-template-columns:16fr 5fr;grid-template-rows:auto auto;grid-gap:4rem}.grid-area-1,main{display:grid;gap:4rem}.grid-area-1{grid-column:1/2;grid-row:1/2;grid-template-columns:2fr 1fr;grid-template-rows:1fr 2fr;grid-gap:4rem}.grid-area-1-2,.grid-area-2{grid-column:2/3;grid-row:1/3;display:flex;flex-direction:column;grid-gap:4rem;gap:4rem}.grid-area-3{grid-column:1/2;grid-row:2/3;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:1rem;gap:1rem}.last-week{grid-column:2/3;grid-row:1/3}.distance{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:3rem;gap:3rem}.distance__section{position:relative}.distance__section:after{content:"";height:80%;width:1.6rem;background-color:#76b9bd;background-color:var(--color-primary-light);position:absolute;right:0;top:10%;border-radius:1.2rem 0 0 1.2rem;box-shadow:inset .4rem .4rem 1rem rgba(0,0,0,.2)}.distance p{color:#4b888c;color:var(--color-primary);font-size:2rem}.distance .distance__section>h2{font-weight:400;font-size:1.6rem;letter-spacing:0}.distance svg{height:5rem;color:#4b888c;color:var(--color-primary);margin-top:2rem}.recent{display:flex;flex-direction:column;align-items:start}.recent a{align-self:end}.recent table{font-size:1.6rem;width:calc(100% + 4rem);text-align:left;margin:2rem -2rem .5rem;border:none}.recent tr:nth-of-type(odd){background-color:#d6ebec;background-color:var(--color-primary-lightest)}.recent td{padding:.8rem .2rem}.recent svg{width:3rem;height:3rem;background-color:#fff;border-radius:50%;padding:.5rem;color:#4b888c;color:var(--color-primary);margin-left:2rem}.calories{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto 1fr auto}.calories h2{grid-column:1/4}.calories__number{text-align:center;font-size:2.8rem;font-weight:600;color:#4b888c;color:var(--color-primary);margin:1.5rem 0}.calories__text{text-align:center;font-size:1.6rem;margin-bottom:2rem}.friend-acitvity{display:flex;flex-direction:column}.friend-activity__activity{display:grid;grid-template-columns:4rem 1fr;grid-gap:2rem;gap:2rem;align-items:center;margin:1rem 0}.friend-acitvity__picture{width:4rem;height:4rem;border-radius:50%;background-color:#4b888c;background-color:var(--color-primary);overflow:hidden;position:relative}.friend-acitvity__picture>div{background-color:#fff;width:2rem;height:2rem;position:absolute;bottom:-.6rem;left:1rem;border-radius:50% 50% 0 0}.friend-acitvity__picture>div:after{content:"";width:1.2rem;height:1.2rem;border-radius:50%;position:absolute;background-color:#fff;bottom:2.3rem;left:.4rem}.friends__picture{width:3rem;height:3rem;border-radius:50%;background-color:#4b888c;background-color:var(--color-primary);overflow:hidden;position:relative}.friends__picture>div{background-color:#fff;width:1.5rem;height:1.5rem;position:absolute;bottom:-.6rem;left:.8rem;border-radius:50% 50% 0 0}.friends__picture>div:after{content:"";width:.8rem;height:.8rem;border-radius:50%;position:absolute;background-color:#fff;bottom:1.8rem;left:.4rem}.friend-activity__name,.friends__name{color:#4b888c;color:var(--color-primary);font-size:1.8rem;font-weight:400}.friend-activity__msg,.friends__msg{font-size:1.4rem}.friends__friend{display:grid;grid-template-columns:4rem 1fr auto;align-items:center;grid-gap:1rem;gap:1rem;justify-content:space-between;margin:1rem 0}.challenges{display:grid;grid-template-rows:auto repeat(1.4rem,2rem);grid-gap:.8rem;gap:.8rem;padding-bottom:2rem}.challenges__bar{width:100%;height:1.4rem;border-radius:.7rem;background-color:#d9d9d9;position:relative}.challenges__bar:after{content:"";position:absolute;height:100%;border-radius:.7rem;background-color:#4b888c;background-color:var(--color-primary)}.challenges__bar--1:after{width:20%}.challenges__bar--2:after{width:70%}.challenges__bar--3:after{width:45%}.challenges__text{font-size:1.4rem}.personal-bests{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:3rem;gap:3rem}.personal-bests__best{background-color:#4b888c;background-color:var(--color-primary);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding-top:2rem;position:relative}.personal-bests__best:after{content:"";background-color:#d6ebec;background-color:var(--color-primary-lightest);width:80%;border-radius:0 0 1rem 1rem;box-shadow:inset .4rem -.4rem 1rem rgba(0,0,0,.2);position:absolute;top:0;left:10%}.personal-bests__best h2{color:hsla(0,0%,100%,.5490196078431373);text-align:center;letter-spacing:0;font-size:1.8rem}.personal-bests__best p{font-size:2rem}.personal-bests__best svg{width:4rem;height:3rem}.last-week{display:flex;flex-direction:column}.last-week__chart{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:2rem;gap:2rem;margin-top:2rem;padding-top:4rem;border-bottom:1px solid #757575;align-items:end}.last-week__bar{width:3.5rem;border-radius:.4rem .4rem 0 0;background-color:#4b888c;background-color:var(--color-primary);height:20rem}.last-week__bar--1{justify-self:end;height:17rem}.last-week__bar--2{height:20rem}.last-week__bar--3{justify-self:end;height:15rem}.last-week__bar--3,.last-week__bar--4{background-color:#76b9bd;background-color:var(--color-primary-light)}.last-week__bar--4{height:12rem}.last-week__bar--5{justify-self:end;height:10rem}.last-week__bar--5,.last-week__bar--6{background-color:#76bda4;background-color:var(--color-secondary)}.last-week__bar--6{height:16rem}.last-week__bar>p{font-size:1.4rem;text-align:center;-webkit-transform:translateY(-2rem);transform:translateY(-2rem)}.last-week__labels{display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:center;font-size:1.8rem;margin:2rem 0}@media (max-width:1500px){body{padding:0}.content,nav{border-radius:0}}@media (max-width:1250px){main{grid-template-columns:1fr}.grid-area-2{grid-column:1/2;grid-row:3/4;display:grid;grid-template-columns:1fr 1fr}}@media (max-width:950px){.grid-area-1{grid-template-columns:1fr;grid-template-rows:1fr 2fr auto}.grid-area-1-2{grid-column:1/2;grid-row:3/4;display:grid;grid-template-columns:1fr 1fr}.last-week{grid-column:1/3;grid-row:2/3}.grid-area-3{grid-template-rows:auto auto auto}.challenges{grid-row:1/2}.challenges,.personal-bests{grid-column:1/3}}@media (max-width:750px){.grid-area-1-2,.grid-area-2{display:flex;flex-direction:column}.all{grid-template-columns:1fr}nav{display:none}.content{padding:2rem 1rem}}@media (max-width:450px){html{font-size:50%}}meter{display:block;margin:0 auto;width:550px;height:25px;-webkit-appearance:none;appearance:none;border:1px solid #ccc;border-radius:3px;background:none;background-color:#f5f5f5;box-shadow:inset 0 5px 5px -5px #333}meter::-webkit-meter-bar{background:none;background-color:#f5f5f5;box-shadow:inset 0 5px 5px -5px #333}meter::-webkit-meter-optimum-value{-webkit-transition:width .5s;transition:width .5s;box-shadow:inset 0 5px 5px -5px #999;background-image:linear-gradient(90deg,#8bcf69 73%,#e6d450 0,#e6d450 91%,#f28f68 0,#f28f68 93%,#cf82bf 0,#cf82bf 99%,#719fd1 0,#719fd1);background-size:100% 100%}meter::-webkit-meter-optimum-value:hover{
  /* !important keyword used to override the inline style in ebkit browsers. */}meter::-moz-meter-bar{box-shadow:inset 0 5px 5px -5px #999;background-image:linear-gradient(90deg,#8bcf69 73%,#e6d450 0,#e6d450 91%,#f28f68 0,#f28f68 93%,#cf82bf 0,#cf82bf 99%,#719fd1 0,#719fd1);background-size:100% 100%}.free-space{float:right}.swatch{padding:0;margin:5em auto;list-style-type:none;width:550px;display:block;position:relative}.swatch:before{content:"";width:100%;height:10px;outline:0 solid #000;position:absolute;top:-20px;left:0;border-radius:2px;background-image:linear-gradient(90deg,#8bcf69 20%,#e6d450 0,#e6d450 40%,#f28f68 0,#f28f68 60%,#cf82bf 0,#cf82bf 80%,#719fd1 0,#719fd1)}.swatch__elem{outline:0 solid #c00;float:left;width:110px;padding-left:5px;box-sizing:border-box}.used-space{display:block;line-height:2;font-size:85%;color:#666}.meter-gauge{border:1px solid #ccc;border-radius:3px;background-color:#f5f5f5;box-shadow:inset 0 5px 5px -5px #333;width:550px;height:25px;display:block}.meter-gauge>span{height:inherit;box-shadow:inset 0 5px 5px -5px #999;background-color:#00f;background-image:linear-gradient(90deg,#8bcf69 5%,#e6d450 0,#e6d450 15%,#f28f68 0,#f28f68 55%,#cf82bf 0,#cf82bf 95%,#719fd1 0,#719fd1);background-size:100% 100%;display:block;text-indent:-9999px}.box{background:linear-gradient(#526494,#604484);margin:15px auto 0;border-radius:5px;width:300px}.box__header{padding:15px 25px;position:relative}.box__header-title{color:#fff;font-size:18px}.box__body{padding:0 25px}.stats{color:#fff;position:relative;padding-bottom:25px}.stats__amount{font-size:42px;font-weight:700;line-height:1.2}.stats__caption{font-size:18px}.stats__change{position:absolute;top:10px;right:0;text-align:right;color:#b1b7c8}.stats__value{font-size:18px}.stats__period{font-size:14px}.stats__value--positive{color:#aedc6f}.stats__value--negative{color:#fb5055}.stats--main .stats__amount{font-size:54px}
/*# sourceMappingURL=main.11a22051.chunk.css.map */