.stage{position:fixed;top:0;right:0;bottom:0;left:0;color:#e3d4c7;user-select:none;-webkit-user-select:none}.bg{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#222;background-size:cover;pointer-events:none}.ui-label,.ui-number,.ui-small,.ui-share{position:fixed;font-size:14px;font-family:Spline Sans Mono,sans-serif;line-height:16px;letter-spacing:normal;text-transform:none;opacity:.6;margin:0;z-index:10}.ui-label{top:4vw;left:4vw;width:75%;font-weight:700;text-transform:uppercase}.ui-number{top:4vw;right:4vw;text-align:right;font-variant-numeric:tabular-nums}.ui-small{bottom:4vw;left:4vw;width:70%;max-width:1200px;transition:opacity .25s ease}.small--in{opacity:.6}.small--out{opacity:0}.ui-share{bottom:0;right:0;padding:4vw;z-index:20}.ui-share a{color:#e3d4c7;text-decoration:none}.content{position:fixed;top:0;right:0;bottom:0;left:0;padding:0 8vw;display:grid;align-items:center}.content p{display:block;margin:0;padding-bottom:4vh;text-align:center}@keyframes exit-next{0%{opacity:1;transform:translateY(0) skewY(0)}to{opacity:0;transform:translateY(-4vh) skewY(-1deg)}}@keyframes exit-prev{0%{opacity:1;transform:translateY(0) skewY(0)}to{opacity:0;transform:translateY(4vh) skewY(1deg)}}@keyframes enter-next{0%{opacity:0;transform:translateY(5vh) skewY(1deg)}60%{opacity:1}to{opacity:1;transform:translateY(0) skewY(0)}}@keyframes enter-prev{0%{opacity:0;transform:translateY(-5vh) skewY(-1deg)}60%{opacity:1}to{opacity:1;transform:translateY(0) skewY(0)}}.hidden{opacity:0}.exit-next{animation:exit-next .3s cubic-bezier(.4,0,1,1) forwards}.exit-prev{animation:exit-prev .3s cubic-bezier(.4,0,1,1) forwards}.enter-next{animation:enter-next .45s cubic-bezier(0,0,.2,1) forwards}.enter-prev{animation:enter-prev .45s cubic-bezier(0,0,.2,1) forwards}.zone{position:fixed;top:0;bottom:0;width:50%;z-index:5}.zone--prev{left:0;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpolygon points='32,8 16,24 32,40' fill='%23968d85' opacity='0.9'/%3E%3C/svg%3E") 24 24,w-resize}.zone--next{right:0;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpolygon points='16,8 32,24 16,40' fill='%23968d85' opacity='0.9'/%3E%3C/svg%3E") 24 24,e-resize}@media (pointer: coarse){.zone{display:none}}.lesson-1{font-family:Yeseva One;letter-spacing:-.6vw}.lesson-1 p{font-size:10vw;line-height:9vw}@media (orientation: portrait){.lesson-1 p{font-size:15vw;line-height:13vw}}.lesson-2{font-family:Zilla Slab Highlight}.lesson-2 p{font-size:11vw;line-height:11vw}@media (orientation: portrait){.lesson-2 p{font-size:16vw;line-height:16vw}}.lesson-3{font-family:Racing Sans One;text-transform:uppercase}.lesson-3 p{font-size:10vw;line-height:8vw}@media (orientation: portrait){.lesson-3 p{font-size:13vw;line-height:11vw}}.lesson-4{font-family:Calistoga;text-transform:uppercase}.lesson-4 p{font-size:9vw;line-height:8vw}@media (orientation: portrait){.lesson-4 p{font-size:14vw;line-height:14vw}}.lesson-5{font-family:Sansita Swashed}.lesson-5 p{font-size:11vw;line-height:9vw}@media (orientation: portrait){.lesson-5 p{font-size:17vw;line-height:16vw}}.lesson-6{font-family:Bungee}.lesson-6 p{font-size:8vw;line-height:7vw}@media (orientation: portrait){.lesson-6 p{font-size:11vw;line-height:11vw}}.lesson-7{font-family:"Press Start 2P";text-transform:uppercase}.lesson-7 p{font-size:9vw;line-height:11vw}@media (orientation: portrait){.lesson-7 p{font-size:15vw;line-height:19vw}}.lesson-8{font-family:Special Elite}.lesson-8 p{font-size:7vw;line-height:6vw}@media (orientation: portrait){.lesson-8 p{font-size:12vw;line-height:11vw}}.lesson-9{font-family:Stardos Stencil}.lesson-9 p{font-size:9vw;line-height:9vw}@media (orientation: portrait){.lesson-9 p{font-size:13vw;line-height:13vw}}.lesson-10{font-family:Raleway Dots}.lesson-10 p{font-size:9vw;line-height:9vw}@media (orientation: portrait){.lesson-10 p{font-size:14vw;line-height:14vw}}.lesson-11{font-family:Finger Paint}.lesson-11 p{font-size:9vw;line-height:10vw}@media (orientation: portrait){.lesson-11 p{font-size:14vw;line-height:15vw}}.lesson-12{font-family:Barrio}.lesson-12 p{font-size:10vw;line-height:9vw}@media (orientation: portrait){.lesson-12 p{font-size:15vw;line-height:14vw}}.lesson-13{font-family:Yatra One}.lesson-13 p{font-size:6vw;line-height:6vw}@media (orientation: portrait){.lesson-13 p{font-size:11vw;line-height:11vw}}.lesson-14{font-family:Katibeh;text-transform:uppercase}.lesson-14 p{font-size:15vw;line-height:8vw;padding-top:8vw}@media (orientation: portrait){.lesson-14 p{font-size:17vw;line-height:12vw;padding-top:12vw}}.lesson-15{font-family:Life Savers}.lesson-15 p{font-size:7vw;line-height:7vw}@media (orientation: portrait){.lesson-15 p{font-size:12vw;line-height:14vw}}.lesson-16{font-family:Lily Script One}.lesson-16 p{font-size:11vw;line-height:11vw}@media (orientation: portrait){.lesson-16 p{font-size:12vw;line-height:12vw}}.lesson-17{font-family:Sarina}.lesson-17 p{font-size:7vw;line-height:7vw}@media (orientation: portrait){.lesson-17 p{font-size:16vw;line-height:16vw}}.lesson-18{font-family:Anybody;font-style:italic;font-weight:700}.lesson-18 p{font-size:5vw;line-height:6vw}@media (orientation: portrait){.lesson-18 p{font-size:8vw;line-height:11vw}}.lesson-19{font-family:Cabin Sketch;font-weight:700}.lesson-19 p{font-size:6vw;line-height:6vw}@media (orientation: portrait){.lesson-19 p{font-size:11vw;line-height:11vw}}.lesson-20{font-family:Bebas Neue}.lesson-20 p{font-size:10vw;line-height:8vw}@media (orientation: portrait){.lesson-20 p{font-size:15vw;line-height:13vw}}.lesson-21{font-family:Graduate;text-transform:uppercase}.lesson-21 p{font-size:10vw;line-height:9vw}@media (orientation: portrait){.lesson-21 p{font-size:23vw;line-height:22vw}}.lesson-22{font-family:Yeseva One}.lesson-22 p{font-size:7vw;line-height:7vw}@media (orientation: portrait){.lesson-22 p{font-size:12vw;line-height:12vw}}.lesson-23{font-family:Bebas Neue;letter-spacing:.05em}.lesson-23 p{font-size:14vw;line-height:12vw}@media (orientation: portrait){.lesson-23 p{font-size:20vw;line-height:18vw}}.lesson-24{font-family:Spline Sans Mono}.lesson-24 p{font-size:8vw;line-height:10vw}@media (orientation: portrait){.lesson-24 p{font-size:15vw;line-height:20vw}}.lesson-25{font-family:Mynerve,cursive}.lesson-25 p{font-size:9vw;line-height:9vw}@media (orientation: portrait){.lesson-25 p{font-size:16vw;line-height:16vw}}.lesson-26{font-family:Great Vibes,cursive}.lesson-26 p{font-size:8vw;line-height:10vw}@media (orientation: portrait){.lesson-26 p{font-size:14vw;line-height:18vw}}.lesson-27{font-family:Frijole,system-ui}.lesson-27 p{font-size:10vw;line-height:9vw}@media (orientation: portrait){.lesson-27 p{font-size:18vw;line-height:14vw}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:#222}