@font-face{font-family:"Avenir";font-style:normal;font-weight:400;src:local("Avenir"),url(/static/media/Avenir-Regular.82c826cb.woff) format("woff")}@font-face{font-family:"Avenir";font-style:bold;font-weight:700;src:local("Avenir"),url(/static/media/Avenir-Bold.70a3e498.woff) format("woff")}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}.home-page-wrapper{position:absolute;display:flex;width:100vw;height:100vh}.title-wrapper{position:absolute;z-index:4;top:55%;left:50%;transform:scale(1.7) translate(-10%,-40%);transition:transform .9s cubic-bezier(.77,.2,.05,1);transform:opacity .3}@media (max-width:414px){.title-wrapper{transform:scale(1.5) translate(-18%,-67%)}}@media only screen and (min-width:415px) and (max-width:767px){.title-wrapper{transform:scale(1.5) translate(-30%,-50%)}}.title-wrapper-invisible{position:absolute;z-index:42;top:50%;left:50%;transform:scale(1.7) translate(-40%,-40%);transition:transform .9s cubic-bezier(.77,.2,.05,1);opacity:0}#title-wrapper-left{transform:scale(1) translate(-48vw,-52vh)}@media (max-width:414px){#title-wrapper-left{transform:scale(1) translate(-48vw,-53.5vh)}#title-wrapper-left img{display:none}}@media only screen and (min-width:415px) and (max-width:767px){#title-wrapper-left{transform:scale(1) translate(-45.5vw,-51vh)}}@media only screen and (min-width:768px) and (max-width:991px){#title-wrapper-left{transform:scale(1) translate(-47vw,-51vh)}}@media only screen and (min-width:414px) and (max-width:510px){#title-wrapper-left img{opacity:0}}.diagram-wrapper{position:fixed;display:flex;align-items:center;width:1300px;height:800px;top:50%;left:60%;transform:translate(-50%,-50%)}@media (max-width:414px){.diagram-wrapper{width:700px;height:431px;left:72%}}@media only screen and (min-width:415px) and (max-width:767px){.diagram-wrapper{width:1100px;height:677px;left:77%}}@media only screen and (min-width:768px) and (max-width:991px){.diagram-wrapper{width:1200px;height:738px;left:72%}}@media only screen and (min-width:992px) and (max-width:1199px){.diagram-wrapper{width:1250px;height:769px}}.node-wrapper{opacity:0;height:90%;width:51px;justify-content:space-between;transition:.7s}.node-wrapper,.one{display:flex;flex-direction:column;align-items:center}.one{justify-content:center}.two{height:50%}@media (max-width:414px){.two{height:45%;width:41px}}@media only screen and (min-width:415px) and (max-width:767px){.two{height:52%;width:41px}}.three{height:65%}@media (max-width:414px){.three{height:61%;width:41px}}@media only screen and (min-width:415px) and (max-width:767px){.three{height:68%;width:41px}}.four{height:66%;width:35px}.five{height:66%;width:21px}.week-wrapper{opacity:0;height:90%;width:20%;display:flex;flex-direction:column;align-items:center;transition:.7s}.week-wrapper svg{width:100%}.subtitle-container{opacity:0;transition:.3s}.you{align-items:center}.skip-button{position:absolute;z-index:70;bottom:20px;right:20px;font-weight:700;text-decoration:none}.skip-button:hover{transform:scale(1.2)}.infected-first{display:flex;width:51px;height:51px;opacity:0}.infected-first svg{margin:auto;align-self:center;width:21px;height:21px}@media (max-width:414px){.infected-first,.infected-first svg{width:17px;height:17px}}.still-first{display:flex;width:51px;height:51px;opacity:0}.still-first svg{margin:auto;align-self:center;width:21px;height:21px}@media (max-width:414px){.still-first,.still-first svg{width:17px;height:17px}}.this-is-you{position:absolute;top:270px;left:225px}@media (max-width:414px){.this-is-you{width:140px;top:129px;left:155px}}@media only screen and (min-width:415px) and (max-width:767px){.this-is-you{width:200px;top:232px;left:185px}}@media only screen and (min-width:768px) and (max-width:991px){.this-is-you{width:200px;top:252px;left:220px}}@media only screen and (min-width:992px) and (max-width:1199px){.this-is-you{top:260px;left:225px}}.this-is-you-text{margin:0;font-family:Avenir;font-weight:700;font-size:24px;text-align:center;color:#fff;width:220px;opacity:0;transition:.4s}@media (max-width:414px){.this-is-you-text{font-size:14px;text-align:left}}@media only screen and (min-width:415px) and (max-width:767px){.this-is-you-text{font-size:18px}}@media only screen and (min-width:768px) and (max-width:991px){.this-is-you-text{font-size:21px}}.stopping-the-spread{position:absolute}@media (max-width:414px){.stopping-the-spread{width:140px;top:25px;left:180px}}@media only screen and (min-width:415px) and (max-width:767px){.stopping-the-spread{top:40px;left:440px;z-index:100px}}@media only screen and (min-width:768px) and (max-width:991px){.stopping-the-spread{top:50px;left:490px;z-index:100px}}@media only screen and (min-width:992px) and (max-width:1199px){.stopping-the-spread{top:40px;left:510px;z-index:100px}}@media (min-width:1200px){.stopping-the-spread{top:40px;left:530px;z-index:100px}}.stopping-the-spread-text{margin:0;font-family:Avenir;font-weight:700;font-size:24px;text-align:center;color:#fff;width:220px;opacity:0;transition:.4s}@media (max-width:414px){.stopping-the-spread-text{font-size:14px;text-align:right}}@media only screen and (min-width:415px) and (max-width:767px){.stopping-the-spread-text{font-size:18px}}@media only screen and (min-width:768px) and (max-width:991px){.stopping-the-spread-text{font-size:21px}}.logo{-webkit-animation:fadein 2s;animation:fadein 2s;position:absolute;z-index:70;top:20px;right:30px}.logo svg{opacity:.7;width:55px;height:55px;transition:.3s}.logo svg:hover{opacity:1;width:60px;height:60px;cursor:pointer}@media (max-width:414px){.logo{top:10px;right:15px}.logo svg{width:45px;height:45px}}.acknowledgement-text{-webkit-animation:fadein 2s;animation:fadein 2s;position:absolute;z-index:70;bottom:20px;left:30px;font-family:Avenir;font-weight:700;font-size:12px;color:#afc0e1;transition:.3s}.acknowledgement-text:hover{color:#dbe1ee;cursor:pointer}@media (max-width:414px){.acknowledgement-text{text-align:center;bottom:7px;left:7px;font-size:8px}}@media only screen and (min-width:415px) and (max-width:767px){.acknowledgement-text{text-align:center;font-size:8px;bottom:15px;left:50%;transform:translate(-50%)}}.subtile{margin:0 0 7px 5px;font-family:Avenir;font-weight:regular;color:#fff}@media (max-width:414px){.subtile{font-size:14px}}@media only screen and (min-width:415px) and (max-width:767px){.subtile{font-size:15px}}@media only screen and (min-width:768px) and (max-width:991px){.subtile{font-size:15px}}@media only screen and (min-width:992px) and (max-width:1199px){.subtile{font-size:18px}}@media (min-width:1200px){.subtile{font-size:22px}}.subtile-small{margin:0 0 2px 5px;font-family:Avenir;font-weight:regular;color:#fff}@media (max-width:414px){.subtile-small{font-size:12px}}@media only screen and (min-width:415px) and (max-width:767px){.subtile-small{font-size:12px}}@media only screen and (min-width:768px) and (max-width:991px){.subtile-small{font-size:13px}}@media only screen and (min-width:992px) and (max-width:1199px){.subtile-small{font-size:16px}}@media (min-width:1200px){.subtile-small{font-size:18px}}.day-title{margin:0;font-family:Avenir;font-weight:regular;color:#f05e11}@media (max-width:414px){.day-title{font-size:35px}}@media only screen and (min-width:415px) and (max-width:767px){.day-title{font-size:40px}}@media only screen and (min-width:768px) and (max-width:991px){.day-title{font-size:60px}}@media only screen and (min-width:992px) and (max-width:1199px){.day-title{font-size:65px}}@media (min-width:1200px){.day-title{font-size:71px}}.strokes-container{margin-top:15px;display:grid;grid-template-columns:auto auto}@media (max-width:414px){.strokes-container{width:150px}}@media only screen and (min-width:415px) and (max-width:767px){.strokes-container{width:187px}}@media only screen and (min-width:768px) and (max-width:991px){.strokes-container{width:210px}}@media only screen and (min-width:992px) and (max-width:1199px){.strokes-container{width:265px}}@media (min-width:1200px){.strokes-container{width:330px}}@media (max-width:414px){.week-icon{width:50px;padding-bottom:4px}}@media only screen and (min-width:415px) and (max-width:767px){.week-icon{width:80px;padding-bottom:15px}}@media only screen and (min-width:768px) and (max-width:991px){.week-icon{width:90px;padding-bottom:15px}}@media only screen and (min-width:992px) and (max-width:1199px){.week-icon{width:115px;padding-bottom:15px}}@media (min-width:1200px){.week-icon{width:135px;padding-bottom:15px}}.breathing{margin:0;-webkit-animation:breathing 7s ease-out infinite normal;animation:breathing 7s ease-out infinite normal;width:51px;height:51px;transition:.3s}.breathing svg{align-self:center}.breathing :hover{cursor:pointer;border-radius:30px;background-color:hsla(0,0%,100%,.091)}@media (max-width:414px){.breathing,.breathing svg{width:26px;height:26px}}.not-breathing{margin:0;display:flex;width:51px;height:51px;transition:.3s}.not-breathing svg{align-self:center}.not-breathing :hover{cursor:pointer;border-radius:30px;background-color:hsla(0,0%,100%,.091)}@media (max-width:414px){.not-breathing{width:25px;height:25px}.not-breathing svg{margin:auto;width:18px;height:18px}}@-webkit-keyframes breathing{0%{transform:scale(.7)}25%{transform:scale(1)}60%{transform:scale(.7)}to{transform:scale(.7)}}@keyframes breathing{0%{transform:scale(.7)}25%{transform:scale(1)}60%{transform:scale(.7)}to{transform:scale(.7)}}.normal{display:flex;width:51px;height:51px}.normal svg{margin:auto;align-self:center;width:21px;height:21px}.infected{display:flex;width:51px;height:51px}.infected svg{margin:auto;align-self:center;width:21px;height:21px}@media (max-width:414px){.infected{width:30px;height:30px}.infected svg{width:15px;height:15px}}.still{display:flex;width:51px;height:51px}.still svg{margin:auto;align-self:center;width:21px;height:21px}.you{display:flex;transition:.3s;opacity:0}.you,.you svg{width:81px;height:81px}.you svg{margin:auto;align-self:center}#normal{width:51px;height:51px}#medium svg,#normal svg{margin:auto;align-self:center}#medium svg{width:14px;height:14px}#small svg{margin:auto;align-self:center;width:5px;height:5px}@media (max-width:414px){#small svg{width:3px;height:3px}}.home-buttons-container{position:fixed;z-index:21;left:50%;transform:translate(-50%);display:flex;flex-direction:column;vertical-align:center;align-content:center;opacity:0;transition:.7s}@media (max-width:414px){.home-buttons-container{bottom:28px}}@media only screen and (min-width:415px) and (max-width:767px){.home-buttons-container{bottom:28px}}@media only screen and (min-width:768px) and (max-width:991px){.home-buttons-container{bottom:21px}}@media only screen and (min-width:992px) and (max-width:1199px){.home-buttons-container{bottom:49px}}@media (min-width:1200px){.home-buttons-container{bottom:22px}}.skip-button{margin-bottom:10px;font-family:Avenir;font-weight:regular;text-align:center;color:#fff;transition:.3s}.skip-button:hover{cursor:pointer;color:#edba9c}@media (max-width:414px){.skip-button{font-size:18px;margin-bottom:0}}@media only screen and (min-width:415px) and (max-width:767px){.skip-button{font-size:20px}}@media only screen and (min-width:768px) and (max-width:991px){.skip-button{font-size:24px}}@media only screen and (min-width:992px) and (max-width:1199px){.skip-button{font-size:24px}}@media (min-width:1200px){.skip-button{font-size:24px}}.image-button{margin:auto;display:flex;width:194px;height:74px;border-radius:50px;background-color:#f05f0d;border:3px solid #22498f;transition:.3s}.image-button svg{margin:auto;align-self:center;height:42px}.image-button:hover{background-color:#ed6f27;border:3px solid #f4f5f5;cursor:pointer}@media (max-width:414px){.image-button{width:130px;height:50px}.image-button svg{margin:auto;align-self:center;height:30px}}@media only screen and (min-width:415px) and (max-width:767px){.image-button{width:164px;height:54px}.image-button svg{margin:auto;align-self:center;height:31px}}@media only screen and (min-width:768px) and (max-width:991px){.image-button{width:170;height:68px}.image-button svg{margin:auto;align-self:center;height:38px}}@media only screen and (min-width:992px) and (max-width:1199px){.image-button{width:194px;height:74px}.image-button svg{margin:auto;align-self:center;height:42px}}@media (min-width:1200px){.image-button{width:194px;height:74px}.image-button svg{margin:auto;align-self:center;height:42px}}.camera-button-subtitle{margin-top:11px;font-family:Avenir;font-weight:regular;text-align:center;font-size:18px;color:#fff}@media (max-width:414px){.camera-button-subtitle{margin-top:4px;font-size:14px}}@media only screen and (min-width:415px) and (max-width:767px){.camera-button-subtitle{font-size:18px}}@media only screen and (min-width:768px) and (max-width:991px){.camera-button-subtitle{font-size:22px}}@media only screen and (min-width:992px) and (max-width:1199px){.camera-button-subtitle{font-size:24px}}@media (min-width:1200px){.camera-button-subtitle{font-size:24px}}.people-thanking-you{position:absolute;display:flex;flex-direction:column;transform:translate(-50%,-50%);z-index:21;top:56%;left:40.5%;transition:.7s}.people-thanking-you img{align-self:flex-end;height:77px;width:77px}@media (max-width:414px){.people-thanking-you{top:53.5%;left:41%}.people-thanking-you img{height:59px;width:59px}}@media only screen and (min-width:415px) and (max-width:767px){.people-thanking-you{top:57.5%;left:39%}.people-thanking-you img{height:59px;width:59px}}@media only screen and (min-width:768px) and (max-width:991px){.people-thanking-you{top:56%;left:40.5%}}.people-thanking-you-text{margin:0;font-family:Avenir;font-weight:regular;text-align:center;font-size:24px;color:#fff}@media (max-width:414px){.people-thanking-you-text{font-size:14px}}@media only screen and (min-width:415px) and (max-width:767px){.people-thanking-you-text{font-size:19px}}@media only screen and (min-width:768px) and (max-width:991px){.people-thanking-you-text{font-size:22px}}#invisible{opacity:0}#visible{opacity:1}.video-player-container{position:fixed;z-index:28;height:39.39223vw;width:70vw;top:50%;left:50%;transform:translate(-50%,-50%);border:3px solid #0c2b63;background-color:#000;background-image:url(/static/media/background-squiggles.cf0cde0e.png)}@media (max-width:414px){.video-player-container{height:56.27462vw;width:100vw}}@media only screen and (min-width:415px) and (max-width:767px){.video-player-container{height:56.27462vw;width:100vw}}.close-video{display:flex;position:absolute;top:-32px;left:-32px;background-color:#e97a3f;padding:5px;width:17px;height:17px;border-radius:20px;border:1px solid #fff;transition:.3s}.close-video svg{margin:auto;width:12px;height:12px}.close-video:hover{cursor:pointer;background-color:#e49164}@media (max-width:414px){.close-video{top:-35px;left:5px}}@media only screen and (min-width:415px) and (max-width:767px){.close-video{top:-35px;left:5px}}.pause-play{display:flex;position:absolute;z-index:100;bottom:-21px;left:50%;transform:translate(-50%);background-color:#e97a3f;padding:5px;width:55px;height:55px;border-radius:35px;border:1px solid #fff;transition:.3s}.pause-play svg{margin:auto;width:21px;height:21px}.pause-play:hover{cursor:pointer;background-color:#e49164}@media (max-width:414px){.pause-play{bottom:-120px;left:50%;width:45px;height:45px}.pause-play svg{margin:auto;width:15px;height:15px}}@media only screen and (min-width:415px) and (max-width:767px){.pause-play{bottom:-100px;left:50%;width:45px;height:45px}.pause-play svg{margin:auto;width:15px;height:15px}}.screen-mask{position:fixed;z-index:27;width:100vw;height:100vh;margin:0;top:0;left:0;background-color:#0e347b;opacity:.7}.loading-icon-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:414px){.loading-icon-wrapper svg{width:70px}}@media only screen and (min-width:415px) and (max-width:767px){.loading-icon-wrapper svg{width:120px}}@media only screen and (min-width:768px) and (max-width:991px){.loading-icon-wrapper svg{width:150px}}@media only screen and (min-width:992px) and (max-width:1199px){.loading-icon-wrapper svg{width:190px}}.video-recorder-wrapper{position:fixed;width:50vw;height:28.13731vw;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50}@media (max-width:414px){.video-recorder-wrapper{width:100vw;height:56.27462vw;top:35%}}@media only screen and (min-width:415px) and (max-width:767px){.video-recorder-wrapper{width:100vw;height:56.27462vw;top:45%}}@media only screen and (min-width:768px) and (max-width:991px){.video-recorder-wrapper{width:90vw;height:50.64716vw;top:45%}}@media only screen and (min-width:992px) and (max-width:1199px){.video-recorder-wrapper{width:70vw;height:39.39223vw;top:45%}}.submit-video-button{position:absolute;z-index:70;bottom:-75px;left:50%;transform:translate(-50%);display:flex;width:179px;height:53px;border-radius:28px;border:1px solid #1a479b;background-color:#3461b5;transition:.3s}.submit-video-button:hover{cursor:pointer;border:1px solid #fff;background-color:#547ecb}.submit-video-button h3{margin:auto;font-family:Avenir;font-style:normal;color:#fff;font-size:22px}.submit-video-button svg{width:31px;height:31px;margin:0}@media (max-width:414px){.submit-video-button{bottom:-199px}}.success-video-button{position:absolute;z-index:70;bottom:-75px;left:50%;transform:translate(-50%);display:flex;width:245px;height:53px;border-radius:28px;border:1px solid #55a065;background-color:#60bf75}.success-video-button h3{margin:auto;font-family:Avenir;font-style:normal;color:#fff;font-size:22px}.back-button{position:fixed;top:20px;left:20px;display:flex;width:50px;height:50px;border-radius:35px;background-color:#f05e11;transition:.3s;border:1px solid transparent}.back-button svg{margin:auto;width:32px;height:22px}.back-button:hover{background-color:#fc7f3c;border:1px solid #fff}@media (max-width:414px){.back-button{width:35px;height:35px}.back-button svg{width:25px;height:25px}}@media only screen and (min-width:415px) and (max-width:767px){.back-button{width:35px;height:35px}.back-button svg{width:25px;height:25px}}.create-video-wrapper{position:absolute;width:100vw;height:100vh}.create-video-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-content:center}.create-video-title{font-family:Avenir;font-weight:regular;text-align:center;align-self:center;font-size:43;color:#fff;margin-bottom:90px}@media (max-width:414px){.create-video-title{font-size:21px;margin-bottom:12px}}@media only screen and (min-width:415px) and (max-width:767px){.create-video-title{font-size:21px;margin-bottom:12px}}.create-video-subtitle{font-family:Avenir;font-weight:regular;text-align:center;align-self:center;font-size:27;color:#fff;margin-bottom:30px}@media (max-width:414px){.create-video-subtitle{font-size:17px;margin-bottom:20px}}@media only screen and (min-width:415px) and (max-width:767px){.create-video-subtitle{font-size:17px;margin-bottom:20px}}.create-video-quote{display:flex;align-self:center;width:417px;border-radius:50px;background-color:#fff;border:3px solid #1e4285;transition:.3s;margin-bottom:65px}.create-video-quote h2{width:300px;padding:20px;margin:auto;font-family:Avenir;font-weight:regular;text-align:center;align-self:center;font-size:27;color:#f05e11}@media (max-width:414px){.create-video-quote{margin-bottom:24px;width:255px}.create-video-quote h2{font-size:19px}}@media only screen and (min-width:415px) and (max-width:767px){.create-video-quote{margin-bottom:24px;width:255px}.create-video-quote h2{font-size:19px}}.create-video-camera-button{align-self:center;display:flex;width:120px;height:120px;border-radius:65px;background-color:#f05e11;transition:.3s;border:1px solid #22498f;margin-bottom:7px}.create-video-camera-button:hover{background-color:#e4804b;cursor:pointer;border:1px solid #fff}.create-video-camera-button svg{margin:auto}@media (max-width:414px){.create-video-camera-button{width:100px;height:100px}.create-video-camera-button svg{width:45px}}@media only screen and (min-width:415px) and (max-width:767px){.create-video-camera-button{width:100px;height:100px}.create-video-camera-button svg{width:45px}}.small-text{font-family:Avenir;font-weight:regular;text-align:center;color:#fff;font-size:17px}@media (max-width:414px){.small-text{font-size:14px}}@media only screen and (min-width:415px) and (max-width:767px){.small-text{font-size:14px}}.thanks-wrapper{position:absolute;display:flex;width:100vw;height:100vh;top:0;left:0;background-color:#f05e11;background-image:url(/static/media/background-squiggles-white.e3038ba9.png);background-repeat:no-repeat;background-size:auto;background-size:1800px}.thank-you-message{display:flex;margin:auto;top:50vh;left:50vw;transform:translate(-50%,-50%);width:391px;height:391px;border-radius:200px;background-color:#072451;-webkit-animation:breathing 2s ease-out infinite normal;animation:breathing 2s ease-out infinite normal}@media (max-width:414px){.thank-you-message{width:291px;height:291px}}.thank-you-text{margin:auto;font-family:Avenir;text-align:center;font-size:47px;color:#fff}@media (max-width:414px){.thank-you-text{font-size:37px}}@-webkit-keyframes bouncing{0%{transform:scale(3)}25%{transform:scale(1)}50%{transform:scale(3)}75%{transform:scale(1)}to{transform:scale(3)}}@keyframes bouncing{0%{transform:scale(3)}25%{transform:scale(1)}50%{transform:scale(3)}75%{transform:scale(1)}to{transform:scale(3)}}.screen-container{min-height:100vh;overflow:hidden;display:flex;position:relative;background-color:#072451;background-image:url(/static/media/background-squiggles.cf0cde0e.png);background-repeat:no-repeat;background-size:auto;background-size:1800px}.page{-webkit-animation:fadein 2s;animation:fadein 2s}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.8bb83163.chunk.css.map */