body{margin:0;background:#f3f3f3;font-family:Roboto,sans-serif}h1{width:85%;margin:.5em auto;padding:0;color:#000;font-weight:400;text-align:center}main{display:flex;height:55%;align-items:center;justify-content:center}#main{max-width:95%;width:95%}.info{text-align:center;font-size:18px;font-weight:300}.info,.info a{color:#00b5d8}.instruction{margin-top:2em}.output::placeholder{color:#fff;font-size:15px;font-weight:lighter}.credit{font-size:15px}.model-status{color:#2d3748;animation:blink 1.5s ease-in-out infinite;margin:0}video{-webkit-transform:scaleX(-1);transform:scaleX(-1);visibility:hidden;width:auto;height:auto;display:none}.rate-container{display:flex;justify-content:center;font-size:1.5rem;margin-top:-10%;color:#0bc5ea}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.fade-out{animation:fadeOut 1s ease-in-out forwards;color:#d3d3d3;margin:0}@keyframes fadeOut{0%{opacity:1;display:block}to{opacity:0;display:none}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){#main{max-width:65%}main{display:flex;max-height:100%;height:70%;align-items:center;justify-content:center;margin-top:0}}@media (min-device-width:1025px){h1{padding-top:1em}main{display:flex;min-height:80%;max-height:100%;height:80%;align-items:center;justify-content:center;margin-top:0}#main{max-width:900px}}.github-corner:hover .octo-arm{animation:octocat-wave .56s ease-in-out}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave .56s ease-in-out}}
/*# sourceMappingURL=styles.209e49cd.css.map */