@charset "utf-8";
@font-face{font-family:Cabin;font-style:normal;font-weight:400;src:local('Cabin'),local('Cabin-Regular'),url("/assets/fonts/cabin-v12-latin-regular.woff2") format('woff2'),url("/assets/fonts/cabin-v12-latin-regular.woff") format('woff');font-display:swap}html,body,:root{width:100%;height:100%;background:#f5f7fb;font-family:Cabin,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Cantarell,'Open Sans','Helvetica Neue',sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch}:root{font-size:62.5%}body{font-size:1.6rem}code{padding:1px 5px;font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif;background-color:#eff0f1;font-size:1.4rem}*{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-rendering:optimizeLegibility}*.flex{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}*.noselect{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*.nodisplay{display:none}*.nodrag{user-drag:none;-webkit-user-drag:none}*:focus:not(:focus-visible){outline:none}*.container{width:100%;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}a{color:#67d0a1;-webkit-transition:.2s;transition:.2s;text-decoration:none;}a:hover{color:#b1e7cf}.btn.secondary{color:#fff;font-size:1.8rem;padding:.4rem 1rem;margin-left:1rem;border-radius:.6rem;border:2px solid #67d0a1;display:inline-block;}.btn.secondary:hover{background:#67d0a1;color:#fff}.github{display:-webkit-box;display:-ms-flexbox;display:flex;background:#2868cb;color:#fff;border:none;font-size:1.8rem;padding:.8rem 1rem;margin-left:1rem;border-radius:.6rem;}.github:hover{background:#2053a2;color:#fff}.github #logo{justify-self:start;width:20px;height:20px;margin-right:.8rem}.container{min-height:100vh;width:100vw;overflow-x:hidden}.hidden{display:none}.box{width:100%}section.main{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 auto;}section.main .controls{-ms-flex-wrap:wrap;flex-wrap:wrap;background:#fff;padding:0 2rem;border-radius:10px;border:1px solid #ededed;margin:4rem 2rem 0}section.main .banner{text-align:center;padding:1.2rem;background:#153e68;color:#fff}section.main .hero{background:url("/assets/img/tiny-grid.svg") repeat;background-size:120px;}section.main .hero .heading{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:90rem;text-align:center;padding:10rem 6rem;}section.main .hero .heading .logo img{max-width:240px;width:100%;height:70px}section.main .hero .heading .alt-logo{visibility:hidden;display:block;font-size:1.2rem}section.main .hero .heading h2{font-size:2.4rem;font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif;color:#fff;padding:.4rem .8rem;border:2px dashed #fff;border-radius:6px;margin-bottom:2rem}section.main .hero .heading p{font-size:2.2rem;font-weight:bold;line-height:1.4;max-width:72rem;color:#fff}section.main .buttons{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;max-width:1140px;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}section.main .buttons .top{-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}section.main .buttons .item{margin:10px 20px;}section.main .buttons .item:last-child{margin-right:0}section.main .buttons .item .title{margin-right:8px}section.main .buttons .select-wrapper{position:relative;}section.main .buttons .select-wrapper:before{position:absolute;top:50%;right:10px;width:0;height:0;content:'';-webkit-transform:rotate(0) translate3d(0,-50%,0);transform:rotate(0) translate3d(0,-50%,0);border-width:4px 4px 0;border-style:solid;border-color:#6c7a86 transparent transparent;pointer-events:none}section.main .buttons input{margin-right:6px}section.main .buttons select{border:none;border-radius:5px;border:2px solid #bcbcbc;padding:5px 20px 5px 5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:Cabin,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Cantarell,'Open Sans','Helvetica Neue',sans-serif;font-size:1.6rem;cursor:pointer}section.main .buttons .selectr-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}section.main .buttons .selectr-placeholder{font-family:Cabin,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Cantarell,'Open Sans','Helvetica Neue',sans-serif;font-size:1.6rem;color:#000}section.main .buttons .selectr-options{overflow-y:auto}section.main .buttons .selectr-options-container{border-radius:0}section.main .buttons .selectr-option{padding:3px 5px 3px 5px;font-size:1.6rem;cursor:default}section.main .buttons .selectr-selected{border:none;border-radius:5px;border:2px solid #bcbcbc;padding-left:5px;padding-bottom:5px;padding-right:20px;}section.main .buttons .selectr-selected:before{top:60%;right:5px}section.main .buttons .selectr-tag{background:#737373;color:#fff;border-radius:3px;margin:0 3px;padding:2px 20px 2px 5px;font-size:1.4rem}section.main .content{max-width:1140px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:distribute;justify-content:space-around;margin:0 -10px;padding:20px;width:100%;}section.main .content .item{width:100%;max-width:350px;display:none;}section.main .content .item div.information{padding:3rem;height:auto;margin-bottom:4rem;background:#fff;border-radius:0 0 10px 10px;border:1px solid #ededed;border-top:none;}section.main .content .item div.information .title{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:10px;}section.main .content .item div.information .title h1{font-size:2.4rem}section.main .content .item div.information .title .difficulty{height:3rem;width:3rem;border-radius:50%;border:2px solid #000;}section.main .content .item div.information .title .difficulty.easy{background:#73f440}section.main .content .item div.information .title .difficulty.medium{background:#ff0}section.main .content .item div.information .title .difficulty.hard{background:#ff0009}section.main .content .item div.information p{font-size:1.6rem;line-height:1.4;color:#222;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;}section.main .content .item div.information p.swag{margin:5px -3px 10px -3px;}section.main .content .item div.information p.swag span.tag{background:#737373;color:#fff;border-radius:3px;margin:0 3px 6px;padding:2px 5px;font-size:1.6rem;}section.main .content .item div.information p.swag span.tag.hacktoberfest{background:#ffd0b5;color:#f35527}section.main .content .item div.information p.swag span.tag.clothing{background:#e2f7c2;color:#7cb027}section.main .content .item div.information p.swag span.tag.stickers{background:#d1eefc;color:#3a94c1}section.main .content .item div.information p.swag span.tag.badges{background:#dac4ff;color:#8719e0}section.main .content .item div.information p.swag span.tag.accessories{background:#f8e3a3;color:#c99a2d}section.main .content .item div.information p.swag span.tag.device{background:#facdcd;color:#b92625}section.main .content .item div.information p.description{margin:10px 0;}section.main .content .item div.information p.description a{color:#2868cb;}section.main .content .item div.information p.description a:hover{color:#2053a2}section.main .content .item div.information a.btn{color:#2868cb;font-size:1.8rem;padding:.4rem 2rem;margin-top:1.2rem;border-radius:.6rem;border:2px solid #2868cb;text-decoration:none;display:inline-block;}section.main .content .item div.information a.btn:hover{background:#2868cb;color:#fff;border:2px solid #2868cb}section.main .content .item img{height:100%;width:auto;-webkit-transition:all 300ms linear;transition:all 300ms linear}section.main .content .item .img-container{height:300px;width:100%;overflow:hidden;border-radius:10px 10px 0 0;border:1px solid #ededed;background:#fff}section.main .content .item:hover img{-webkit-transform:rotate(3deg) scale(1.05);transform:rotate(3deg) scale(1.05)}section.newsletter{background:#fff;border-top:1px solid #ededed}footer{font-size:1.8rem;margin:0 auto;padding:10rem;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;text-align:center;color:#fff;background:#153e68;}footer .item{margin-bottom:5px}footer .item#logo-footer{max-width:200px;width:100%;margin-bottom:20px;display:inline-block}footer #github-logo{width:50px;height:50px;margin-top:30px}.sr-only{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}@media screen and (max-width:600px){.btn.secondary{margin-top:10px}section.main .hero .heading{padding:4rem 2rem}section.main .controls{-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left}section.main .buttons .item,section.main .buttons .select-wrapper,section.main .buttons select{width:100%}footer{padding:5rem 5rem 8rem}}#content .item.visible{display:initial}