*{padding:0;margin:0;box-sizing:border-box}html{font-family:sans-serif;font-size:13px;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}@media only screen and (max-width: 334px){html{min-width:320px}}.body{background-color:#f7f7f7;color:#000;font-family:"Roboto",sans-serif;font-weight:400;line-height:1.4;letter-spacing:.2px}.container-fluid{margin:0 auto;max-width:800px}.section{position:relative;display:block;width:100%}.section#home-page{display:flex;flex-direction:column;align-items:center;text-align:center}@media only screen and (max-width: 768px){.section#home-page{flex-direction:column}}.section#test-page{display:none}.is-testing .section#home-page{display:none}.is-testing .section#test-page{display:block}.is-testing .footer{display:none}.option-list{display:flex;flex-wrap:wrap}.option-list-card{padding:.75rem;flex-basis:33.33%}@media only screen and (max-width: 768px){.option-list{flex-direction:column;width:535px;margin:0 auto}}@media only screen and (max-width: 564px){.option-list{width:100%;margin:0}}.input{background-color:rgba(0,0,0,0);color:#000;font:normal 1.3rem "Poppins",sans-serif;padding:1rem;width:100%;outline:none;resize:none;border:none;text-align:center;border-top:2px solid #e3094c;transition:border-top-color .4s;caret-color:#e3094c}.input::-webkit-input-placeholder{color:#656565}.quotes{font:bold 2.65rem "Roboto Mono",sans-serif;letter-spacing:.5px;margin:3rem 0;line-height:1.6}.quotes span{display:inline-block}@media only screen and (max-width: 564px){.quotes{font-size:1.6rem;line-height:1.4;margin:0}}.tooltip{position:relative}.tooltip::before{position:absolute;display:block;content:attr(data-tooltip);background-color:#252525;color:#f7f7f7;font-size:.75rem;padding:.4rem .75rem;width:100px;top:-3rem;opacity:0;text-align:center;pointer-events:none;border-radius:1.5rem;transition:opacity .4s cubic-bezier(0.4, 0, 0.2, 1)}.tooltip::after{position:absolute;content:"";top:-1.15rem;opacity:0;pointer-events:none;border-left:6px solid rgba(0,0,0,0);border-top:7px solid #252525;border-right:6px solid rgba(0,0,0,0);transition:opacity .4s}.tooltip:hover::before,.tooltip:hover::after{opacity:1;pointer-events:all;transition:opacity 0s}.icon{display:flex;justify-content:center;margin:.75rem;cursor:pointer}.icon-group{display:flex;list-style-type:none}.icon-vector{fill:#656565;height:24px;width:24px;transition:fill .4s cubic-bezier(0.4, 0, 0.2, 1)}.icon:hover .icon-vector{fill:#e3094c;transition:fill 0s}.footer{display:flex;flex-direction:column;align-items:center;text-align:center;width:400px;margin:2rem auto;padding:5rem 0}.theme-dark .body{background-color:#000;color:#f7f7f7}.theme-dark .input{color:#f7f7f7}.theme-dark .input::-webkit-input-placeholder{color:rgba(247,247,247,.45);opacity:.5}.btn{position:relative;font-weight:bold;padding:.7rem 1.75rem;margin:.55rem;border:none;outline:none;white-space:nowrap;cursor:pointer;border-radius:1.5rem}.btn.btn-primary{background-color:#e3094c;color:#f7f7f7}.btn.btn-secondary{background-color:rgba(0,0,0,0);color:#e3094c;box-shadow:inset 0 0 0 1px #e3094c}.btn.btn-lg{padding:.75rem 2rem}.btn::before{position:absolute;content:"";background-color:#000;top:0;left:0;height:100%;width:100%;opacity:0;border-radius:inherit;transition:opacity .4s}.btn:hover::before{opacity:.05}.btn:active{transform:scale(0.96)}.btn:active::before{opacity:.08}.card{position:relative;height:100%;overflow:hidden}.card-header{padding:.75rem}.card-header-icon{fill:#e3094c;margin-top:.1rem;height:24px;width:24px}@media only screen and (max-width: 564px){.card-header-icon{margin-top:.05rem;width:18px;height:18px}}.card-header.card-header-bordered{border-bottom:1px solid #cdcdcd}.card-body,.card-footer{padding:.75rem}.card.card-grey{background-color:rgba(37,37,37,.04)}.card.card.card-rounded{border-radius:1.5rem}.card.card-clickable{cursor:pointer}.card.card-clickable::after{position:absolute;content:"";background-color:rgba(101,101,101,.08);height:100%;width:100%;opacity:0;left:0;top:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #e3094c;transition:opacity .4s cubic-bezier(0.4, 0, 0.2, 1)}.card.card-clickable:hover::after{opacity:1;transition:opacity 0s}.theme-dark .card-header.card-header-bordered{border-bottom:1px solid #252525}.theme-dark .card-grey{background-color:rgba(205,205,205,.1)}.theme-dark .card-clickable::after{background-color:rgba(247,247,247,.08)}.modal{position:fixed;display:flex;align-items:center;justify-content:center;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:1}.modal-header{padding:.75rem;font-weight:700}.modal-body,.modal-footer{padding:.75rem}.modal-contents{position:relative;background-color:#f7f7f7;color:#000;padding:1rem;margin:0 auto;width:450px;z-index:2;opacity:0;border-radius:1.5rem;overflow:hidden;box-shadow:0 0 35px 0 rgba(0,0,0,.2);transform:scale(0.7);transition:transform .4s cubic-bezier(0.4, 0, 0.2, 1),opacity .4s}@media only screen and (max-width: 768px){.modal-contents{width:400px;margin:2rem}}.modal::before{position:absolute;content:"";background-color:rgba(0,0,0,.3);opacity:0;height:inherit;width:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .4s}.modal-visible .modal{pointer-events:all}.modal-visible .modal::before{opacity:1}.modal-visible .modal-contents{opacity:1;transform:scale(1)}.theme-dark .modal::before{background-color:rgba(247,247,247,.2)}.theme-dark .modal-contents{background-color:#000;color:#f7f7f7}@keyframes shake{0%{transform:translateX(4px)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}100%{transform:translateX(0)}}@keyframes fade-up{from{opacity:1}to{opacity:0;transform:translateY(-50px)}}@keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.txt-primary{color:#e3094c}.txt-grey{color:#a5a5a5}.txt-center{text-align:center}.txt-sm{font-size:.65rem}.txt-md{font-size:1.35rem}.txt-lg{font-size:1.75rem}.txt-xl{font-size:4.75rem}@media only screen and (max-width: 564px){.txt-xl{font-size:2.8rem}}.txt-red{color:#e64221}.txt-yellow{color:#e1cc6d}.txt-uppercase{text-transform:uppercase}.txt-current{position:relative;color:#c0a528}.txt-current::before{position:absolute;content:"";background-color:#c0a528;height:3px;width:100%;bottom:0;animation:blink .5s forwards infinite}.txt-correct{position:relative;opacity:.3}.txt-correct::before{position:absolute;content:attr(data-text);animation:fade-up .8s forwards}.txt-incorrect{color:#e64221;opacity:.5;text-decoration:line-through;text-decoration-color:#e64221;animation:shake .4s forwards}.txt-link{color:inherit;cursor:pointer}.txt-link:hover,.txt-link:focus,.txt-link:active{color:#e3094c}.txt-normal{font-weight:400}.txt-bold{font-weight:800}.txt-block{display:block}.theme-dark .txt-correct{opacity:.5}.theme-dark .txt-incorrect{opacity:.8}.theme-dark .txt-current{color:#e1cc6d}.theme-dark .txt-current::before{background-color:#e1cc6d}.theme-dark .txt-grey{color:#656565}@keyframes shake{0%{transform:translateX(4px)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}100%{transform:translateX(0)}}@keyframes fade-up{from{opacity:1}to{opacity:0;transform:translateY(-50px)}}@keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.p-1{padding:.75rem}.p-3{padding:1.25rem}.py-2{padding-top:2.25rem;padding-bottom:2.25rem}.px-1{padding-left:.75rem;padding-right:.75rem}.px-2{padding-left:1.25rem;padding-right:1.25rem}.mt-1{margin-top:.75rem}.my-6{margin-top:6.25rem;margin-bottom:6.25rem}.flex{display:flex}.flex.flex-wrap-wrap{flex-wrap:wrap}.flex.flex-dir-col{flex-direction:column}.flex.align-center{align-items:center}.flex.justify-center{justify-content:center}.flex.justify-space-between{justify-content:space-between}