.App{margin:0}.App-logo{height:20vmin;pointer-events:none}.App-header{background-color:#282c34;min-height:10vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-content{display:flex;flex-direction:column;min-height:80vh;max-width:80vw;justify-content:center;align-items:center;margin-left:auto;margin-right:auto}.App-content h1{font-size:3rem;margin:2rem 0;text-align:center}.App-content p{font-size:2rem}.App-footer{display:flex;justify-content:space-evenly;background-color:#282c34;min-height:10vh;font-size:1rem;color:#fff}.App-link{color:#61dafb}.menu{display:flex}div.some-headroom{margin-top:100px}div.center{margin-top:auto;margin-bottom:auto;text-align:center}main{display:flex;flex-direction:column;min-height:80vh;width:80vw;align-items:stretch}a.base-link{text-decoration:underline;color:#000}a.base-link:hover{color:#0088f3}.footer-section{margin-left:1vw;margin-right:1vw}a.footer-link{color:#fff;text-decoration:none}a.footer-link:hover{text-decoration:underline}video{height:52vh}.video-wrapper{position:relative;justify-content:center;overflow:hidden;border-radius:10px}.video-container{background:none;max-width:1024px;margin-right:auto;margin-left:auto;text-align:center}.transcription-container{border-radius:10px}.lesson-navigation{margin-bottom:3vh;margin-top:2vh;display:flex;flex-direction:row-reverse;justify-content:center}.nav-button{align-self:center;background-color:#fff;background-image:none;background-position:0 90%;background-repeat:repeat no-repeat;background-size:4px 3px;border-radius:15px 225px 255px 15px 15px 255px 225px 15px;border-style:solid;border-width:2px;box-shadow:#0003 15px 28px 25px -18px;box-sizing:border-box;color:#41403e;cursor:pointer;display:inline-block;font-family:Neucha,sans-serif;font-size:1rem;line-height:23px;outline:none;padding:.75rem;text-decoration:none;transition:all 235ms ease-in-out;border-radius:255px 15px 225px/15px 225px 15px 255px;user-select:none;-webkit-user-select:none;touch-action:manipulation}.nav-button:hover{box-shadow:#0000004d 2px 8px 8px -5px;transform:translate3d(0,2px,0)}.nav-button:focus{box-shadow:#0000004d 2px 8px 4px -6px}nav{margin:27px auto 0;position:relative;background-color:#34495e;border-radius:8px;font-size:0}nav a{line-height:50px;height:100%;font-size:15px;display:inline-block;position:relative;z-index:1;text-decoration:none;text-transform:uppercase;text-align:center;color:#fff;cursor:pointer}nav .animation{position:absolute;height:100%;top:0;z-index:0;transition:all .5s ease 0s;border-radius:8px}nav a:nth-child(1){width:110px}nav a:nth-child(2){width:110px}nav a:nth-child(3){width:110px}nav .start-home,a:nth-child(1):hover~.animation{width:110px;left:0;background-color:#0088f3}nav .start-about,a:nth-child(2):hover~.animation{width:110px;left:110px;background-color:#0088f3}nav .start-contact,a:nth-child(3):hover~.animation{width:110px;left:220px;background-color:#0088f3}nav .start-login,a:nth-child(4):hover~.animation{width:110px;left:330px;background-color:#0088f3}nav .start-logout,a:nth-child(4):hover~.animation{width:110px;left:330px;background-color:#0088f3}.answer-area{background:#e9ebee;border:#282c34 solid 1px;border-radius:5px;padding-right:15px}.answer-unanswered{font-family:"Verdana" sans-serif;font-size:1em;text-align:left;background:none;margin:0;padding:0;border:none;cursor:pointer;color:#282c34}.answer-correct{font-family:"Verdana" sans-serif;font-size:1em;text-align:left;background:none;margin:0;padding:0;border:none;cursor:pointer;color:green}.answer-incorrect{font-family:"Verdana" sans-serif;font-size:1em;text-align:left;background:none;margin:0;padding:0;border:none;cursor:pointer;color:red}.answer-result{margin-top:20px}ol{list-style:outside;list-style-type:upper-alpha}li{padding-left:10px;padding-top:3px;padding-bottom:3px}.menu-item{width:110px}.page{width:100%}input{height:50px;width:200px;display:block;margin:1rem auto;padding-left:10px;font-size:large}input.left{margin:1rem auto 1rem 0}.lds-roller{display:inline-block;position:relative;width:80px;height:80px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#0088f3;margin:-4px 0 0 -4px}.lds-roller div:nth-child(1){animation-delay:-36ms}.lds-roller div:nth-child(1):after{top:63px;left:63px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:68px;left:56px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:71px;left:48px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:68px;left:24px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0)}to{transform:rotate(360deg)}}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}