@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap);@-webkit-keyframes reversePulse{0%,to{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(.95,.95,.95);transform:scale3d(.95,.95,.95)}}@keyframes reversePulse{0%,to{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(.95,.95,.95);transform:scale3d(.95,.95,.95)}}@-webkit-keyframes slideUp{0%{opacity:0;bottom:-100vh}to{opacity:1;bottom:0}}@keyframes slideUp{0%{opacity:0;bottom:-100vh}to{opacity:1;bottom:0}}@-webkit-keyframes circle-chart-fill{to{stroke-dasharray:0 100}}@keyframes circle-chart-fill{to{stroke-dasharray:0 100}}@-webkit-keyframes circle-chart-appear{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes circle-chart-appear{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}:root{--base-color-white100:#fff;--base-color-white50:#f1faee;--base-color-black100:#000;--base-color-black80:#222;--base-color-black70:#666;--base-color-black60:#888;--base-color-black50:#c4c4c4;--base-color-black40:#ccc;--base-color-black30:#ddd;--base-color-black20:#f7f7f7;--base-color-red100:#b82e38;--base-color-red50:#e63946;--base-color-blue50:#a8dadc;--base-color-blue70:#3a86ff;--base-color-blue100:#1d3557;--base-color-green50:#06d6a0;--base-color-orange50:#ff9f1c;--base-color-yellow100:#ffe66d;font-size:16px}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}:after,:before{text-decoration:inherit;vertical-align:inherit}:root,html{-moz-tab-size:4;-o-tab-size:4;tab-size:4}html{scroll-behavior:smooth;cursor:default;-webkit-tap-highlight-color:transparent;word-break:break-word;-webkit-tap-highlight-color:rgba(var(--base-color-black80),0)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;font-weight:400;color:var(--base-color-black80);text-align:left;background-color:var(--base-color-white100)}article,aside,figcaption,figure,footer,header,main,nav,section{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}.b-start .icons ul li,audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none;max-width:100%}img.lazy.error,img:not([src]):not([srcset]),img[src=""]{visibility:hidden}@-moz-document url-prefix(){img:-moz-loading{visibility:hidden}}svg:not(:root){overflow:hidden}[hidden]{display:none}[aria-hidden=false][hidden]{display:initial}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}[aria-disabled=true],[disabled]{cursor:not-allowed}[aria-controls]{cursor:pointer}[aria-busy=true]{cursor:progress}[tabindex]{outline:0}button,input,optgroup,select,textarea{font-family:Noto Sans,sans-serir;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}*,body,html{font-size:16px;font-family:Noto Sans,sans-serir;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;letter-spacing:normal;line-height:1.5}h1,h2,h3,h4,h5,h6{margin-top:28.8px;line-height:1.25;font-weight:700}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}.body-game{min-height:100vh;width:100%;background:var(--base-color-black20);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.body-game .wrapper{max-width:640px;width:100%;min-height:100vh;background:var(--base-color-white100);padding:0 1rem}.body-game .content{display:none;position:relative;overflow:hidden}.body-game .content.active{display:block}.color{color:inherit}.color__primary{color:var(--base-color-blue100)}.color__secondary{color:var(--base-color-blue50)}.color__blue{color:var(--base-color-blue70)}.color__red{color:var(--base-color-red100)}.color__orange{color:var(--base-color-orange50)}.color__fail{color:var(--base-color-red50)}.color__correct{color:var(--base-color-blue70)}.progress-bar{width:100%;margin:2rem auto 10px;background-color:var(--base-color-black40);border-radius:5px}.progress-bar .bar{width:100%;height:8px;background-color:var(--base-color-green50);border-radius:5px;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:background-color;transition-property:background-color}.b-games .score{font-size:3rem;font-weight:700;color:var(--base-color-black70);margin:1rem 0}.b-games .arrow{margin-top:15vh;font-size:10rem;cursor:default}.b-games .animated.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s}.b-games .animated.pulse,.b-games .animated.reversePulse,.b-games .animated.shake{-webkit-animation-duration:.25s;animation-duration:.25s}.b-games .reversePulse{-webkit-animation-name:reversePulse;animation-name:reversePulse}.b-games,.b-result{width:100%;height:100vh;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex}.b-result__cta,.b-result__refresh{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.b-result__cta{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:2rem}.b-result__refresh{text-decoration:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;min-height:3rem;min-width:180px;padding:6px 27px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:1.5;background-color:var(--base-color-orange50);color:var(--base-color-white100);outline:0;border-radius:50px;font-weight:700;font-size:1rem;font-family:Noto Sans,sans-serir;border:1px solid transparent;text-transform:uppercase;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;letter-spacing:3px}.b-result__refresh i,.b-start .action-next .btn-start i{font-size:1rem;margin-left:.5rem}.b-result__total{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important;padding:1rem 1.5rem;border-bottom:1px solid var(--base-color-black40);margin-bottom:2rem;color:var(--base-color-black80)}.b-result__info{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;font-size:2rem;line-height:1.5}.b-result__row-card{display:grid;grid-column-gap:1.5rem;grid-template-columns:auto auto;padding:0 1rem}.b-result__card{border-radius:1rem;padding:20px 12px;color:var(--base-color-white100);text-align:center;min-width:115px}.b-result__card--fail{background-color:var(--base-color-red50)}.b-result__card--success{background-color:var(--base-color-blue70)}.b-result__count{font-size:2rem;font-weight:600;line-height:1.5;margin:0}.b-result__desc{font-size:14px;font-weight:100;line-height:1.15;margin:0}.b-start{width:100%;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.b-start .brand{width:100%;position:relative;display:block}.b-start .brand h1{font-size:3rem;margin-bottom:1rem}.b-start .brand h1 span{font-size:inherit;letter-spacing:-5px}.b-start .brand,.b-start .icons{text-align:center}.b-start .icons ul{margin:0;padding:0;list-style:none}.b-start .icons ul li i{font-size:2rem;padding:0 .5rem}.b-start .action-next{margin-top:7rem;display:block;text-align:center}.b-intro,.b-start,.b-start .action-next .btn-start{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.b-start .action-next .btn-start,.b-start .action-next .cta-intro{text-decoration:none;font-family:Noto Sans,sans-serir;font-size:1.25rem}.b-start .action-next .btn-start{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;min-height:3rem;min-width:180px;padding:6px 27px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:1.5;background-color:var(--base-color-green50);color:var(--base-color-white100);outline:0;border-radius:50px;font-weight:700;border:1px solid transparent;text-transform:uppercase;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;letter-spacing:3px}.b-start .action-next .cta-intro{margin-top:1.5rem;display:block;color:var(--base-color-red100)}.b-intro{position:absolute;width:100%;background-color:var(--base-color-white100);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;bottom:-100vh;opacity:0}.b-intro .btn-close{text-decoration:none;background-color:transparent;border:0;outline:0;color:var(--base-color-black80);font-size:2rem;padding:.5rem;position:absolute;right:0;top:1rem;line-height:0}.b-intro .btn-close i{font-size:inherit;pointer-events:none}.b-intro .content-intro{display:grid;grid-column-gap:1rem;grid-template-columns:auto auto}.b-intro .content-intro div .arrow-icon{text-align:center;font-size:5rem;margin:0 0 1rem;line-height:1}.b-intro .content-intro div .arrow-icon i{font-size:inherit}.b-intro .content-intro div .hit-swipe{margin:0;font-size:2rem;line-height:1;padding:0 1.5rem}.b-intro .content-intro div .hit-swipe i{-webkit-animation:fadeInRight 1.5s infinite;animation:fadeInRight 1.5s infinite;color:var(--base-color-black50);font-size:inherit}.b-intro .desc-intro{margin-top:2rem;padding:1rem 2rem;background-color:var(--base-color-black30);border-radius:8px}.b-intro .desc-intro p{font-weight:700;font-size:1rem;color:var(--base-color-black80);margin:0}.b-intro.active{opacity:1;bottom:0;-webkit-animation-name:slideUp;animation-name:slideUp;-webkit-animation-duration:.5s;animation-duration:.5s}.circle-chart{width:150px;height:150px}.circle-chart__circle{stroke:#00acc1;stroke-width:2;stroke-linecap:square;fill:none;animation:circle-chart-fill 2s reverse;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:center;transform-origin:center}.circle-chart__circle--negative{-webkit-transform:rotate(-90deg) scaleY(-1);transform:rotate(-90deg) scaleY(-1)}.circle-chart__background{fill:none}.circle-chart__info{-webkit-animation:circle-chart-appear 2s forwards;animation:circle-chart-appear 2s forwards;opacity:0;-webkit-transform:translateY(.3em);transform:translateY(.3em)}.circle-chart__percent,.circle-chart__subline{alignment-baseline:central;text-anchor:middle;font-size:8px}.circle-chart__subline{font-size:3px;color:var()}.circle-chart__background{stroke:#ede4e4;stroke-width:1}.space-chart{padding-top:2rem;padding-bottom:1rem}.warning-stroke{stroke:var(--base-color-orange50)}.danger-stroke{stroke:var(--base-color-red50)}.success-stroke{stroke:var(--base-color-blue70)}.skills{color:var(--base-color-black80)}.skills_section{width:100%;margin:0 auto 80px}.skill-head{margin:80px 0}