body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;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}.VideoSelector{margin:0 auto;max-width:500px}.VideoSelector button{border-radius:5px;font-size:20px;padding:20px}.VideoSelector button:hover{opacity:.9}.VideoSelector button span{vertical-align:super}.CustomVideoControls{color:#7F8980;font-size:60px;font-weight:bolder;position:absolute;right:100px;top:200px}.controls{background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.4));height:42px;left:50%;max-width:650px;padding:10px;position:absolute;top:79%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:95%}.control-button{background-repeat:no-repeat;background:none;border:none;border-radius:5px;cursor:pointer;outline:none;overflow:hidden}.controls-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);margin-top:16px}.volume{margin-top:9px}.progress-bar{align-items:center;background-color:gray;cursor:pointer;display:flex;height:3px;left:0;margin-top:10px;position:absolute;top:0;transition:all .2s;width:100%}.progress-bar:hover{height:5px}.progress-fill{background-color:#1569C7;height:100%;transition:all .1s;width:50%}.click{cursor:pointer}.time{font-size:13px}input[type=range]{-webkit-appearance:none;border-radius:4px;cursor:pointer;height:3px;margin-bottom:15px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:pink;border-radius:15px;cursor:pointer;height:15px;width:15px}@media screen and (max-width:720px){.controls{left:49.9%;top:49%;width:90%}}@media screen and (min-device-width:600px) and (max-device-width:1280px){.controls{left:49.9%;top:49%;width:90%}}.VideoPlayer{background-color:#000;border-bottom:1px solid #368BC1;border-top:1px solid #368BC1;height:70vh;width:100%}.VideoPlayer video{height:100%;width:100%}.VideoPlayer video:focus{outline:none}@media (max-width:720px){.VideoPlayer{height:34vh;margin-top:12%;padding-top:2.5vh;top:30%}.VideoPlayer video{width:95%}}@media (min-device-width:600px) and (max-device-width:1280px){.VideoPlayer{height:34vh;margin-top:9%;padding-top:2.5vh;top:30%}.VideoPlayer video{max-width:95%}}.github-corner:hover .octo-arm{-webkit-animation:octocat-wave .56s ease-in-out;animation:octocat-wave .56s ease-in-out}@-webkit-keyframes octocat-wave{0%,to{-webkit-transform:rotate(0);transform:rotate(0)}20%,60%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}40%,80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes octocat-wave{0%,to{-webkit-transform:rotate(0);transform:rotate(0)}20%,60%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}40%,80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{-webkit-animation:none;animation:none}.github-corner .octo-arm{-webkit-animation:octocat-wave .56s ease-in-out;animation:octocat-wave .56s ease-in-out}}.App{background-color:#000;color:#368BC1}.App .default-button{background:#368BC1;border:1px solid #4682B4;border-radius:5px;cursor:pointer}.App a{color:#368BC1;opacity:.8}.App .default-button:hover{opacity:.9}.App-header{color:#fff;height:50px;padding:20px}.App-logo{margin-left:0}.App-icon{background-color:#368BC1;border-radius:50%;display:inline-block;height:25px;padding:5px;text-align:center;width:25px}.App-name{color:#368BC1;font-size:18px;font-weight:bolder;margin-left:10px;vertical-align:super}.App-logo img{margin:5px auto}.App-body{text-align:center}.App-Feature-Notes{margin:50px auto 0;max-width:660px;text-align:left}.App-Feature-Notes>div{display:inline-block;font-size:14px;max-width:300px;padding:0 15px;vertical-align:text-top}.App-Video-Actions .default-button{border:3px solid #555;border-radius:7px;display:inline-block;font-weight:700;margin:15px 5px;padding:12px}.hide{display:none}@media (max-width:720px){.App-name{font-size:20px;margin-left:8px}.App-Feature-Notes{max-width:400px}}@media (min-device-width:600px) and (max-device-width:1280px){.App-name{font-size:20px;margin-left:8px}}
/*# sourceMappingURL=main.c073b069.css.map*/