.all-cards{background-color:#fff;height:100vh;width:100vw;overflow-y:auto}.all-cards a{text-decoration:none!important}.all-cards .grid{width:100%;margin-top:20px}.all-cards .all-card{display:flex;flex-direction:column;align-items:center}.all-cards .all-card img{width:100%;margin-bottom:10px}.all-cards .all-card .all-button .MuiButton-label{text-decoration:none}.footer{margin:50px;color:#9e9e9e}.banner{background-color:#fff!important}.banner .left{flex:1 1 auto}.banner .logo{height:50px}@media (max-width:600px){.banner .logo{height:40px}}.menu{position:absolute;top:0;left:0;z-index:100}.title img{height:50px}.title .name{color:#212121;font-size:40px;margin:10px}.title .link{color:#9e9e9e;margin:0 10px 10px}.card{flex-direction:column;text-align:center;background-color:#fff;background-size:auto 85%;background-repeat:no-repeat;background-position:50%;width:80vw;max-width:500px;height:calc(80vh - 56px);max-height:700px;will-change:transform;border-radius:10px;box-shadow:0 12.5px 50px -10px rgba(120,144,156,.3),0 10px 10px -10px rgba(120,144,156,.6),0 10px 80px -10px rgba(120,144,156,.1)}.card,.card .header{display:flex;justify-content:center;align-items:center}.card .header{flex:0 0 40%;padding:20px;width:100%;height:100%;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:2px solid #212121;font-size:40px}.card .header img{height:150px}@media (max-width:450px){.card .header{flex:0 0 35%}.card .header img{height:120px}}.card .content{flex:1 1 auto;display:flex;justify-content:center;align-items:center;width:100%;height:100%;color:#212121;font-size:40px}@media (max-width:600px){.card .content{font-size:24px}}.card .content.topic-content{padding:20px}.card .background-image{position:absolute;width:50%}.card .brand{flex:0 0 50px;display:flex;justify-content:center;align-items:center;padding:20px;color:#bdbdbd;flex:0 0 auto;font-size:20px;text-transform:lowercase}.card .brand img{height:50px}.card .download-button{margin-top:20px}.card .download-button.inverted{color:#fff;border:1px solid #fff}.card .card-brand img{height:120px}@media (max-width:600px){.card .card-brand img{height:auto;max-width:60vw}}.card .card-instruction{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;background-color:#212121;color:#fff;padding:20px;border-top-left-radius:10px;border-top-right-radius:10px}.card .card-instruction .card-instruction-header{margin-bottom:50px}.card .card-instruction .card-instruction-header img{height:150px}@media (max-width:600px){.card .card-instruction .card-instruction-header{margin-bottom:30px;font-size:40px}.card .card-instruction .card-instruction-header img{height:120px}}.card .card-instruction .card-instruction-content{margin-bottom:20px;padding:20px}.card .card-instruction .card-instruction-content:last-child{margin-bottom:0}@media (max-width:600px){.card .card-instruction .card-instruction-content{font-size:24px;padding:0}}.card .deck-header{position:relative;display:flex;flex-direction:column;align-items:center;height:100%;width:100%;color:#212121;padding:50px 20px 20px;border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden}.card .deck-header .text{margin-bottom:50px}.card .deck-header .text img{height:150px}@media (max-width:600px){.card .deck-header .text{margin-bottom:30px;font-size:40px}.card .deck-header .text img{height:120px}}.card .deck-header .image{position:absolute;bottom:10px;height:280px}@media (max-width:600px){.card .deck-header .image{left:-58px;height:auto;width:400px}}*{box-sizing:border-box}body,html{overscroll-behavior-y:contain;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif}#root,body,html{height:100%;width:100%;position:fixed;overflow:hidden}#root{background:#eee}.card-container,.deck{position:absolute;width:100%;height:calc(100vh - 100px);will-change:transform;display:flex;align-items:center;justify-content:center}.complete{text-align:center}.complete h1{margin-bottom:100px}.deck-container{position:relative;width:100%;height:calc(100% - 56px)}.deck-container .deck-next-button{z-index:20;position:absolute;right:100px;bottom:calc(50% + 28px)}@media (max-width:1000px){.deck-container .deck-next-button{right:10px;bottom:10px}}.deck-container .deck-prev-button{z-index:20;position:absolute;left:100px;bottom:calc(50% + 28px)}@media (max-width:1000px){.deck-container .deck-prev-button{left:10px;bottom:10px}}.about-us{padding:50px 100px}@media (max-width:600px){.about-us{padding:30px 20px}}.about-us .section-header{text-align:center;margin-bottom:50px}@media (max-width:600px){.about-us .section-header{margin-bottom:20px}}.instructions{width:100%;background-color:#eee}.instructions .text{padding:50px 100px;text-align:center}@media (max-width:600px){.instructions .text{padding:30px 20px}}.instructions .text .section-header{text-align:center;margin-bottom:50px}@media (max-width:600px){.instructions .text .section-header{margin-bottom:20px}}.instructions .list-icon{height:40px}.landing{background-color:#fff;height:100vh;width:100vw;overflow-x:auto}.landing .landing-grid{width:100%;overflow-y:auto}.landing .section{margin-bottom:30px;min-height:300px}.landing-hero{margin-top:50px;margin-bottom:50px}.landing-hero .left,.landing-hero .right{display:flex;flex-direction:column;justify-content:center;align-items:center}.landing-hero .left .logo{height:180px}@media (max-width:600px){.landing-hero .left .logo{height:80px}}.landing-hero .left .sub-title{margin-top:100px;color:#9e9e9e;text-align:center;padding:50px 100px}.landing-hero .left .sub-title .with-line-spacing{margin-top:50px}@media (max-width:600px){.landing-hero .left .sub-title{margin-top:30px;padding:30px 20px;font-size:24px}}.landing-hero .right .logo{height:500px}@media (max-width:600px){.landing-hero .right .logo{height:auto;max-height:400px;max-width:80vw}}.landing-hero .right .buttons{display:flex}.landing-hero .right .buttons .button{margin-top:20px;background-color:#212121;margin-right:20px}@media (max-width:600px){.landing-hero .right{margin-top:20px}}
/*# sourceMappingURL=main.5429c58f.chunk.css.map */