body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}h3{font-size:36px;line-height:140%}.modal-step-copy,h3,p{font-family:"Poppins",sans-serif;font-style:normal;font-weight:400;color:#465967}.modal-step-copy,p{font-size:16px;line-height:160%}.no-scroll{overflow-y:hidden}.z-top{position:relative;z-index:100001}#snotes-main{background-color:#fff}#snotes-top-section{position:relative;background-color:#fcfcfc}#snotes-top-section.set-z>*{position:relative}#snotes-top-section-background{background-image:url(/static/media/background.da27c8fb.svg);background-repeat:no-repeat;background-size:cover;background-position-y:0;background-position-x:center;width:100%;position:absolute!important;bottom:0;left:0;height:778px;z-index:1!important}#snotes-top-section-background.space-bottom{bottom:-6px}#snotes-main.darkmode-bg{background-color:#121212}#snotes-top-section.darkmode-bg{background-color:#222}#snotes-top-section-background.darkmode-bg{background-image:url(/static/media/background_dark.2b782762.svg)}#main-textarea{min-height:570px;height:600px;width:570px;max-width:80%;background:#fcfcfc;border:1px solid #f9f9f9;box-sizing:border-box;box-shadow:inset 0 1px 2px rgba(0,0,0,.07);border-radius:8px 8px 0 0;font-family:"Poppins",sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:160%;padding:15px;color:#465967;z-index:2;position:relative!important;margin-left:auto;margin-right:auto}#main-textarea.darkmode{background:#414141;color:#e0e0e0;border:1px solid #121212}#main-textarea.darkmode::-webkit-input-placeholder{color:#a9a9a9}#main-textarea.darkmode:-ms-input-placeholder{color:#a9a9a9}#main-textarea.darkmode::-ms-input-placeholder{color:#a9a9a9}#main-textarea.darkmode::placeholder{color:#a9a9a9}.link{font-family:"Poppins",sans-serif;font-style:normal;font-weight:400;font-size:18px;line-height:140%;text-decoration:underline;color:#2d9cdb;cursor:pointer}.link:hover{text-decoration:none}.btn-row{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:27px;max-width:570px;margin-left:auto;margin-right:auto;z-index:9999}#restart,#skip-back,#skip-fwd{height:40px;display:flex;flex-direction:column;justify-content:center;margin-top:auto;margin-bottom:auto}.pointer,.pointer>*{cursor:pointer!important}#skip-back{transform:rotate(180deg)}#current-word{font-family:"Poppins",sans-serif;font-style:normal;font-weight:400;line-height:140%;text-align:center;color:#465967}#current-word.darkmode{color:#f2c94c}.hiw-step,.hiw-steps-container{display:flex;flex-direction:row;justify-content:center}.hiw-step{margin-bottom:20px;margin-left:4px;margin-right:4px}#hiw-copy{font-size:18px}.hiw-step-label-container{display:flex;flex-direction:column;justify-content:center}.hiw-step-label{font-family:"Poppins",sans-serif;font-style:normal;font-weight:500;font-size:18px;line-height:140%;color:#465967;margin-left:8px}#about{margin-top:100px;width:918px;max-width:85%;margin-left:auto;margin-right:auto}#hiw-header{margin-bottom:20px}#tts-btn,#wpm-select,.font-size-btn{background-color:#f2f2f2;color:#465967;border-radius:8px;border:none;height:42px;margin-top:auto;margin-bottom:auto;transition:all .2s ease-in}#play-pause{transition:all .2s ease-in}#tts-btn:hover,#wpm-select:hover,.font-size-btn:hover{background-color:#2d9cdb;color:#f2f2f2}#restart:hover>svg>*,#skip-back:hover>svg>*,#skip-fwd:hover>svg>*{fill:#2d9cdb}#tts-btn.darkmode,#wpm-select.darkmode,.font-size-btn.darkmode{background-color:#bdbdbd;color:#333}#tts-btn.darkmode:hover,#wpm-select.darkmode:hover,.font-size-btn.darkmode:hover,.modal-next-btn:hover{background-color:#5ab1e3;color:#f2f2f2}#play-pause:hover>svg>circle,#restart.darkmode:hover>svg>*,#skip-back.darkmode:hover>svg>*,#skip-fwd.darkmode:hover>svg>*,.social-link:hover>svg>path{fill:#5ab1e3}#tts-btn:active,#wpm-select:active,.font-size-btn:active,.modal-next-btn:active{background-color:#1f80b7!important}#play-pause:active>svg>circle,#restart:active>svg>*,#skip-back:active>svg>*,#skip-fwd:active>svg>*{fill:#1f80b7!important}#wpm-select{background:#f2f2f2 url(/static/media/select_bg.e0dca263.svg) no-repeat 0;background-position:8px;padding-left:28px;font-family:"Poppins";font-style:normal;font-weight:500;font-size:12px;line-height:18px;text-align:center;letter-spacing:.035em}#tts-btn,.font-size-btn{width:42px;padding:8px}#font-buttons{display:flex;flex-direction:row;justify-content:space-between;width:20%}.btn-close-x{height:20px;width:20px;display:flex;flex-direction:column;justify-content:center}#tutorial-icon,.btn-close-x{cursor:pointer;margin-top:auto;margin-bottom:auto}#tutorial-icon{padding-bottom:2px}#tutorial-icon:hover>path{fill:#2d9cdb!important}#tutorial-icon:hover>rect{stroke:#2d9cdb}#footer-logo{margin-bottom:20px;margin-top:20px}.footer-container{padding-bottom:20px;margin-top:40px}#footer-social-container{width:102px;display:flex;flex-direction:row;justify-content:space-between;margin-left:auto;margin-right:auto;margin-bottom:12px}#nav-social-container{display:flex;justify-content:space-around;width:120px}.footer-container>*{font-family:"Poppins",sans-serif;font-style:normal;font-weight:400;font-size:12px;line-height:200%;text-align:center;letter-spacing:.5px;color:#828282}.heart-emoji{color:#eb5757}.footer-link{cursor:pointer}.footer-link:hover{text-decoration:underline}.social-link{display:flex;flex-direction:column;justify-content:center}.highlight{text-decoration:underline;-webkit-text-decoration-color:#2d9cdb;text-decoration-color:#2d9cdb}.highlight.dark-mode{-webkit-text-decoration-color:#f2c94c;text-decoration-color:#f2c94c}#play-tutorial{z-index:2;width:120px;margin:-20px auto 20px}@media screen and (max-width:991px){.hiw-steps-container{flex-direction:column}.hiw-step{width:300px;justify-content:flex-start;margin-left:auto;margin-right:auto}#tutorial-icon{margin-right:20px}}@media screen and (max-width:374px){#tutorial-icon{margin-right:4px}#snotes-navbar-mobile{padding:8px 2px}}.darkmode-font{color:#e0e0e0!important}.flex-space-evenly{display:flex;flex-direction:row;justify-content:space-evenly}.flex-col-center{flex-direction:column}.flex-col-center,.flex-row-center{display:flex;justify-content:center}.flex-row-center{flex-direction:row}#mobile-darkmode-container{display:flex;flex-direction:row;justify-content:flex-start;padding-top:6px;padding-bottom:6px}.navbar-collapse.collapse.show,.navbar-collapse.collapsing{width:175px;display:block;position:absolute;top:68px;right:0;background-color:#fff;border-bottom-left-radius:8px;text-align:left;padding:8px;transition:none}.navbar-collapse.collapse.show.darkmode,.navbar-collapse.collapsing.darkmode{background-color:#303030}#mobile-nav-filler{width:56px}@media screen and (max-width:767px){.btn-row{width:400px;max-width:80%}#font-buttons{width:50%}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.snotes-navbar{background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.0490829),0 15px 35px rgba(43,64,78,.095505);border-top:3px solid #2d9cdb}#snotes-navbar-main{max-width:95%;display:flex;flex-direction:row;justify-content:space-between;width:100%;margin-left:auto;margin-right:auto}.snotes-navbar-link{font-family:"Poppins",sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:24px;color:#bdbdbd!important;transition:all .25s ease-in}.snotes-navbar-link:hover{color:#2d9cdb!important}.darkmode-switch-container{display:flex;flex-direction:row;justify-content:space-evenly;margin-right:40px}#darkmode-link{display:flex;flex-direction:column;justify-content:center;margin-right:12px;cursor:pointer}@media screen and (min-width:1200px){#snotes-navbar-main{max-width:1100px}}.navbar-brand{margin-right:0!important}.navbar-desktop-section{width:220px;margin-left:auto;margin-right:auto}@media screen and (max-width:991px){#snotes-navbar-desktop{display:none}#snotes-navbar-mobile{display:flex;flex-direction:row;justify-content:space-between;position:relative;z-index:3}}@media screen and (min-width:992px){#snotes-navbar-mobile{display:none}}.navbar-toggler-icon{background-image:url(/static/media/hamburger.e9b1ee85.svg)!important}#basic-navbar-nav{padding-left:15px;z-index:1000!important}#text-display-container{height:240px;max-width:730px;border-top:8px solid #e0e0e0;border-bottom:8px solid #e0e0e0;margin:120px auto}@media screen and (max-width:991px){#text-display-container{margin-bottom:100px}}#current-word-container{height:192px;display:flex;flex-direction:column;justify-content:center}.text-display-tick{height:16px;width:8px;margin-left:auto;margin-right:auto;background-color:#e0e0e0}.modal-container{position:fixed;top:0;right:0;bottom:0;left:0;background-color:hsla(0,0%,100%,.95);z-index:10000;display:flex;justify-content:center;align-items:center;padding:12px;transition:opacity 1s ease-in}.modal-container.darkmode{background-color:rgba(0,0,0,.95)}.darkmode>.snotes-modal-body{background:#303030;border:none}.snotes-modal-body{background:#fff;border:1px solid #dfe0eb;box-sizing:border-box;box-shadow:0 5px 15px rgba(0,0,0,.0490829),0 15px 35px rgba(43,64,78,.095505);border-radius:8px;width:460px;max-width:95%;height:360px;top:150px;position:absolute}#tutorial-step-container{position:absolute;top:256px}.tutorial-arrow{position:absolute}.snotes-modal-header-container{display:flex;flex-direction:row;justify-content:space-between;padding:15px;border-bottom:1px solid #dfe0eb}.snotes-modal-header{font-family:"Poppins",sans-serif;font-style:normal;font-weight:600;font-size:14px;line-height:20px;color:#465967}.snotes-modal-main{padding:27px 25px 35px}.snotes-modal-copy{text-align:left;margin-bottom:35px}.modal-btn{width:80px;height:46px;text-align:center;font-family:"Poppins",sans-serif;font-style:normal;font-weight:600;font-size:14px;line-height:24px;padding-top:10px;cursor:pointer}.modal-next-btn{background-color:#2d9cdb;border-radius:8px;color:#fff;transition:all .2s ease-in-out}.modal-cancel-btn:hover{text-decoration:underline}.modal-btn-container,.modal-btn-row{width:200px;margin-right:auto;display:flex;flex-direction:row;justify-content:space-between}.modal-btn-row{margin-left:auto;margin-top:35px}.why-use-container{display:flex;flex-direction:row;justify-content:center;margin-top:40px;max-width:95%;margin-left:auto;margin-right:auto}@media screen and (max-width:1150px){.why-use-container{flex-direction:column-reverse}#why-use-header{text-align:center!important}}@media screen and (max-width:767px){.why-use-row{max-width:95%!important}}#why-use-header{text-align:left;margin-bottom:32px;margin-top:32px}.why-use-row{display:flex;flex-direction:row;justify-content:flex-start;padding-bottom:20px;max-width:600px;margin-left:auto;margin-right:auto}.why-use-check{color:#27ae60;margin-right:12px;font-size:20px}.why-use-reason{font-family:"Poppins",sans-serif;font-style:normal;font-weight:400;font-size:18px;line-height:160%;color:#465967;text-align:left}#phone-preview{max-width:100%;width:auto;height:auto}.why-use-check-container{display:flex;flex-direction:column;justify-content:center}
/*# sourceMappingURL=main.b362322f.chunk.css.map */