.hide{display:none}.error-message{background-color:#f37171;color:#fff;font-weight:400;padding:1rem}*,*::before,*::after{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-size:62.5%}body{font-family:"Open Sans","Roboto","Helvetica","Arial",sans-serif;font-size:1.6rem;min-height:100vh;position:relative}@media(max-width: 850px){body{font-size:1.4rem}}.header{align-items:center;display:flex;justify-content:space-between;font-size:2rem;margin:0 auto;padding:1rem 0;width:90%}@media(max-width: 850px){.header{flex-direction:column}}.header__user-name{font-weight:600}@media(max-width: 850px){.header__user-name{padding-bottom:1.5rem}}@media(max-width: 850px){.header a{padding-top:1rem}}.header__link:link,.header__link:visited{color:#23292a;font-weight:600;transition:color .2s ease-in-out}.header__link:hover,.header__link:focus,.header__link:active{color:#62bcee;text-decoration:none}.score{display:flex}@media(max-width: 480px){.score{flex-direction:column}}.score__total,.score__highscore{font-size:2.8rem;font-weight:300;padding:0 2rem;text-transform:uppercase}@media(max-width: 850px){.score__total,.score__highscore{text-align:center}}.score__total{border-right:2px solid #23292a}@media(max-width: 480px){.score__total{border:none}}.card{display:flex}.card--row{align-items:center;margin:1rem 0}.card--col{align-items:center;flex-direction:column}.card__col{font-size:2.8rem;font-weight:300;padding:2rem 0}.card__col--right{padding-right:1rem;text-align:right}.card__digit{background-color:#d7d7d7;border-radius:50%;font-size:5rem;height:11.6rem;line-height:11.6rem;margin:0 2rem;text-align:center;width:11.6rem}@media(max-width: 850px){.card__digit{font-size:3rem;height:7.6rem;line-height:7.6rem;margin:0 1rem;width:7.6rem}}.card__padlock{padding-top:2rem}.card__input{border-radius:1rem;border:solid 2px #23292a;font-size:4rem;padding:.5rem;text-align:center}@media(max-width: 850px){.card__input{font-size:3rem}}.card__message{font-size:3.5rem;padding-left:2rem;text-align:center}@media(max-width: 850px){.card__message{font-size:2rem}}.card__btn{border:none;border-radius:1rem;background-color:#23292a;cursor:pointer;color:#fff;margin-top:1rem;padding:1rem 2rem}.btn{border:none;border-radius:1rem;background-color:#62bcee;cursor:pointer;color:#fff;font-size:3.5rem;margin-left:1rem;padding:1rem}@media(max-width: 850px){.btn{font-size:2.5rem;padding:1rem}}.login-panel-overlay-bg{background-color:rgba(0,0,0,.5);height:100%;position:absolute;width:100%;z-index:10}.login-panel{border:solid 1rem #fff;border-radius:1rem;background-color:#62bcee;display:flex;flex-direction:column;left:50%;position:absolute;padding:10rem 2rem;top:50%;transform:translate(-50%, -50%);width:50%}@media(max-width: 430px){.login-panel{padding:5rem 2rem}}@media(max-width: 850px){.login-panel{border:solid .5rem #fff;left:50%;width:95%}}.login-panel__input{border:none;border-bottom:2px solid #fff;background:none;color:#fff;font-size:3rem;padding:1rem;outline:none;width:100%}@media(max-width: 430px){.login-panel__input{font-size:2rem;padding:.5rem}}.login-panel__input::-moz-placeholder{color:#fff}.login-panel__input:-ms-input-placeholder{color:#fff}.login-panel__input::placeholder{color:#fff}.login-panel__btn{align-self:flex-end;border-radius:1rem;border:solid 2px #fff;background:none;cursor:pointer;color:#fff;font-size:3rem;margin-top:2rem;padding:1rem 2rem;text-align:center;text-transform:uppercase}@media(max-width: 430px){.login-panel__btn{font-size:2rem;padding:.5rem}}.main{padding-top:15rem;z-index:10}@media(max-width: 850px){.main{padding-top:5rem}}.main .container{max-width:800px;margin:0 auto}.main-title{font-size:4.5rem;font-weight:700;text-transform:uppercase;text-align:center}@media(max-width: 450px){.main-title{font-size:3.5rem}}.main-title--description{font-weight:400;font-size:3rem;margin-top:-3rem}@media(max-width: 450px){.main-title--description{font-size:2.5rem}}.main .resulting-cards{display:flex;flex-wrap:wrap;justify-content:center}.main .check-number-list{padding-top:5rem;position:relative}@media(max-width: 850px){.main .check-number-list{padding:1rem}}.main .check-number-list__overlay{background-color:#fff;height:100%;width:100%;z-index:100;position:absolute;top:0;left:0}.canvas{background-color:rgba(255,255,255,0);height:100%;left:0;position:fixed;width:100%;top:0;z-index:0}