body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:400;src:url(/static/media/roboto-cyrillic-ext-400-italic.c30985e07ee67f55f3e8.woff2) format("woff2"),url(/static/media/roboto-all-400-italic.63782d1445ad031af14d.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:400;src:url(/static/media/roboto-cyrillic-400-italic.7270d0dbb41cca30909b.woff2) format("woff2"),url(/static/media/roboto-all-400-italic.63782d1445ad031af14d.woff) format("woff");unicode-range:u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:400;src:url(/static/media/roboto-greek-ext-400-italic.26c1478a1bb6b2c2c6b0.woff2) format("woff2"),url(/static/media/roboto-all-400-italic.63782d1445ad031af14d.woff) format("woff");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:400;src:url(/static/media/roboto-greek-400-italic.aeaac920d76d2f3697ca.woff2) format("woff2"),url(/static/media/roboto-all-400-italic.63782d1445ad031af14d.woff) format("woff");unicode-range:u+0370-03ff}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:400;src:url(/static/media/roboto-vietnamese-400-italic.d8e5b781ee65ffb7d167.woff2) format("woff2"),url(/static/media/roboto-all-400-italic.63782d1445ad031af14d.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:400;src:url(/static/media/roboto-latin-ext-400-italic.5ed4cf182892091e3b75.woff2) format("woff2"),url(/static/media/roboto-all-400-italic.63782d1445ad031af14d.woff) format("woff");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:400;src:url(/static/media/roboto-latin-400-italic.d022bc70dc1bf7b3425d.woff2) format("woff2"),url(/static/media/roboto-all-400-italic.63782d1445ad031af14d.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/roboto-cyrillic-ext-400-normal.dd55ea0a2e90d5d86e15.woff2) format("woff2"),url(/static/media/roboto-all-400-normal.b5a0a0df312d3423493b.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/roboto-cyrillic-400-normal.3605d18d8a4ce5bd39c3.woff2) format("woff2"),url(/static/media/roboto-all-400-normal.b5a0a0df312d3423493b.woff) format("woff");unicode-range:u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/roboto-greek-ext-400-normal.bc7ace6e50c7d9d4d959.woff2) format("woff2"),url(/static/media/roboto-all-400-normal.b5a0a0df312d3423493b.woff) format("woff");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/roboto-greek-400-normal.352cc77aaed5208ce13c.woff2) format("woff2"),url(/static/media/roboto-all-400-normal.b5a0a0df312d3423493b.woff) format("woff");unicode-range:u+0370-03ff}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/roboto-vietnamese-400-normal.52cebac009baf5592e7d.woff2) format("woff2"),url(/static/media/roboto-all-400-normal.b5a0a0df312d3423493b.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/roboto-latin-ext-400-normal.dcc07bcfcd475f34f20b.woff2) format("woff2"),url(/static/media/roboto-all-400-normal.b5a0a0df312d3423493b.woff) format("woff");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/roboto-latin-400-normal.176f8f5bd5f02b3abfcf.woff2) format("woff2"),url(/static/media/roboto-all-400-normal.b5a0a0df312d3423493b.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.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}}@font-face{font-display:swap;font-family:secondary;src:local("TahomaBold"),url(/static/media/TahomaBold.e59e16b8f926a1338c41.ttf) format("truetype")}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.MuiTabScrollButton-root.Mui-disabled{display:none!important}strong{color:#f38a00!important}:root{--orange:#f38a00;--bright-blue:#00bdbd;--bright-blue-seethrough:#00bdbd80;--light-red:#ff6e40;--orange-seethrough:rgba(255,145,0,.2);--light-orange:#c88e41;--light-orange-seethrough:rgba(255,145,0,.5);--blue:#0051ff;--blue-seethrough:rgba(0,81,255,.2);--red:red;--dark-red:#970000;--dark-red-seethrough:rgba(151,0,0,.2);--green:#01af0f;--green-seethrough:rgba(1,175,15,.2);--black:#000;--very-dark:#1d1d1d;--dark:#313131;--light-dark:#494949;--white:#fff;--light-white:#e6e6e6;--off-blue:rgba(92,171,194,.5);--off-blue-seethrough:rgba(92,171,194,.7);--shadow-color:hsla(0,0%,4%,.8);--background-color:var(--very-dark);--secondary-background-color:var(--dark);--dark-color:var(--very-dark);--alt-dark-color:var(--light-dark);--secondary-dark-color:var(--dark);--light-color:var(--white);--alt-light-color:var(--light-white);--soft-gray:hsla(50,71%,93%,.1);--primary-color:var(--orange);--primary-color-seethrough:var(--orange-seethrough);--alt-primary-color:var(--light-orange);--primary-color-lighter:var(--light-orange-seethrough);--secondary-color:var(--blue);--secondary-color-seethrough:var(--blue-seethrough);--alt-secondary-color:none;--tertiary-color:var(--dark-red);--tertiary-color-seethrough:var(--dark-red-seethrough);--alt-tertiary-color:var(--red);--quad-color:var(--green);--quad-color-seethrough:var(--green-seethrough);--alt-quad-color:none;--hightlight-color:var(--off-blue);--hightlight-color-seethrough:var(--off-blue-seethrough);--cs-red-color:#da2a2a;--cs-green-color:#2abe2a;--cs-orange-color:#b46400;--cs-purple-color:#7d4baf;--cs-blue-color:#2a82da;--cs-white-color:#fff;--cs-dark-color:#191919;--shadow100:0 2px 4px -2px rgba(50,50,93,.25),0 4px 8px -4px rgba(0,0,0,.3),0 -3px 5px -3px rgba(0,0,0,.025);--shadow500:0 11px 25px -5px rgba(50,50,93,.25),0 6px 14px -8px rgba(0,0,0,.3),0 -6px 14px -6px rgba(0,0,0,.025);--shadow900:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025)}.player-wrapper{display:flex;margin:1rem auto;padding:1rem 0 0;position:relative;width:100%}.player-wrapper-title{background:#000;background-image:url(/static/media/civ_logo_cropped.14600cedf08a4f1670e0.png);background-position:50%;background-repeat:no-repeat;background-size:contain;border-left:45px solid #000;border-radius:20px;border-right:45px solid #000;box-shadow:var(--shadow-900);margin:0 auto}.react-player{left:0;position:absolute;top:0}.player-wrapper-alt{padding-top:56.25%;position:relative}.react-player-alt{left:0;position:absolute;top:0}.controlPanel{display:flex;flex-direction:column;justify-content:flex-start;padding-top:5rem!important;position:-webkit-sticky;position:sticky;top:0;width:100%}.controlPanel-nav-container{display:flex;height:100%;justify-content:flex-end;margin-right:1rem;width:100%}.controlPanel-nav-logout{margin-left:2rem}.controlPanel-btn-background-active{background:#f38a00!important;background:var(--primary-color)!important;color:#313131!important;color:var(--dark)!important}.logout-modal-container{display:flex;justify-content:space-around;width:100%}.text-center{text-align:center!important}.CTA-container{margin-top:4rem!important}.CTA-button{font-weight:900!important;letter-spacing:1px!important;padding:1.5rem 3rem!important}.marginTop__med{margin-top:5rem!important}.marginTop__large{margin-top:14rem!important;text-align:left}.marginTop__large-content{padding:1rem!important}h3{margin-bottom:1.3rem!important}.transcript__header{margin-top:2rem!important}.transcript__button{cursor:pointer;margin-top:.5rem!important}.video-mask{-webkit-backdrop-filter:invert(10%) blur(8px);backdrop-filter:invert(10%) blur(8px);border:2rem solid #00000000;border-radius:3Rem;box-shadow:10px 10px 20px 4px rgba(0,0,0,.584);overflow:hidden}