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}html{background:#3b86d1;background:linear-gradient(90deg,#3b86d1,#ef6493)}a{color:#fff}body{background:#3b86d1;background:linear-gradient(90deg,#3b86d1,#ef6493);margin:0;padding:0;color:#fff;font-family:Arial,Helvetica,sans-serif}#overlay{position:relative;width:75px;margin:5px -85px;visibility:hidden;opacity:.1}.site{display:flex;justify-content:center;align-items:center;height:100vh}.podium{background:#3b86d1;background:linear-gradient(180deg,#3b86d1,#ef6493);width:85%;height:85%;box-shadow:0 4px 8px #00000059,0 23px 20px #00000030;display:flex;margin:5vh auto}.site--intro{flex-direction:column;height:auto;min-height:100vh}.site--intro .podium{height:85vh;flex-shrink:0}.hero{margin:0;flex:0 1 auto;max-width:75%;height:100%;display:flex;align-items:flex-end}.open{max-height:100%;max-width:100%;width:auto;height:auto}.info{width:85%;max-width:800px;margin:0 auto 5vh;line-height:1.6}.info h2{font-family:Goldman,cursive;margin-top:2em}.info h3{margin-bottom:0}.info p{margin-top:.3em}.credits{margin-top:3em;text-align:center;opacity:.85}.loading{font-family:Goldman,cursive;font-size:1.5em}@media (max-width: 700px){.site--intro .podium{flex-direction:column;height:auto;width:92%;margin-top:4vw}.hero{max-width:100%;height:auto}.about{min-width:0}.about{padding:0 16px}.mega{font-size:3em}.info{width:auto;padding:0 16px}}.about{align-self:flex-end;flex:1 1 0;min-width:200px}.about p{margin-top:6px;margin-bottom:3em;padding-right:5px}.about h2{margin:0}.boxbutton{margin:50px;border-radius:2px;color:#fff;text-align:center;line-height:50px;box-shadow:20px 5px 30px #cf77f3,0 5px 30px #009bff,-20px 5px 30px #2ac9db;background-image:linear-gradient(-90deg,#cf77f3,#009bff 47%,#2ac9db);border:1px solid #fff;min-width:100px;cursor:pointer;display:block;width:calc(100% - 100px);padding:0;font:inherit;font-weight:700;letter-spacing:.05em}.mega{font-family:Goldman,cursive;font-size:4em;font-style:italic}.full{width:100%;height:100%}.footer{display:flex;flex-direction:row;flex:1;justify-content:space-between;align-items:center;margin:-6px 0;padding:0 15px;background-color:#0003;height:50px}.camContainer{position:relative;flex:1;padding:10px}video{max-height:100%;box-shadow:0 23px 20px #00000030}#result,#detection{position:absolute;left:10px}.sideButton{width:45%;margin:10px auto;cursor:pointer;padding-right:10%}#sidePanel{display:flex;flex-direction:column}.dim{opacity:.5;cursor:default}.rotateButton{transform:rotate(90deg);padding-top:10%;margin-bottom:0}.sLabel{text-align:center;padding-right:10%;margin-top:0}.buttonRow{display:flex}.miniButton{width:38px}.modal{visibility:hidden;opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#a64dffb3;transition:all .4s;z-index:3;width:100vw;height:100vh;left:-8vw;top:-5vh}.modal:target{visibility:visible;opacity:1}.modal__content{border-radius:4px;position:relative;background:#57a0ff;padding:1em 2em;text-align:center;z-index:5;border:1px solid}.modal__close{position:absolute;top:10px;right:10px;color:#fffd;text-decoration:none}