@import url(https://fonts.googleapis.com/css?family=Fjalla+One|Gravitas+One|Rajdhani:300|Revalia&display=swap);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}:root{--ow-gold:#f89d2a}.App{text-align:center;font-family:"Rajdhani",sans-serif}.App-header{background-color:#282c34;min-height:101vh;min-width:101vw;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:var(--ow-gold)}button,input{padding:1em;font-family:inherit;display:block;background-color:inherit;color:#fff;text-align:center;border:none;border-bottom:1px dotted #fff;margin:1em auto 0;width:50vw;font-size:1em;align-self:center;max-width:500px}button,input[type=submit]{border:3px solid var(--ow-gold);border-radius:4%}label{display:none}#logo-text{font-family:"Revalia",cursive;padding:15vh;width:100vw;background-image:url(/static/media/overwatch-logo-png-white.c9d4972e.png);background-repeat:no-repeat;background-position:50%;background-size:30vh;z-index:100;border-radius:10px;z-index:3;text-shadow:4px 2px 4px #000}.feature-text{font-size:3em;font-weight:bolder;padding:.1em;position:relative;top:5;width:20vw}.rating-container,.result-container{height:50vh;display:grid;grid-gap:0 50px;width:60vw}.error-container{height:50vh;width:60vw}.rating-container{grid-template-columns:3fr 2fr}.result-container{grid-template-columns:2fr 3fr}.progress{font-size:.4em;border:1px solid var(--ow-gold);padding:1em;border-radius:3px;font-weight:bolder;opacity:.4}a{text-decoration:none}iframe{border:none}.portrait-wrap{display:none}.rating-interface,.result-interface{height:100%;width:100%;display:flex;flex-direction:column;align-content:center;justify-content:space-evenly}.rating-interface button,.result-interface button{width:100%}.slider:before{color:var(--ow-gold);content:"1";text-align:left}.slider:after,.slider:before{position:absolute;width:100%;word-spacing:1.5em;left:0;bottom:20}.slider:after{color:gold;content:"5";text-align:right}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:80%;border-radius:5px;outline:none;opacity:.7;-webkit-transition:.2s;-webkit-transition:opacity .2s;transition:opacity .2s}.slider::-webkit-slider-thumb{position:relative;bottom:0;-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:gold;cursor:pointer;background:url(/static/media/ow-slider-logo.c8b06789.jpg);background-position:50%;background-size:100%}.slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:#4caf50;cursor:pointer}.loading:after{content:" .";-webkit-animation:dots 1s steps(5) infinite;animation:dots 1s steps(5) infinite}@-webkit-keyframes dots{0%,20%{color:transparent;text-shadow:.25em 0 0 transparent,.5em 0 0 transparent}40%{color:#fff;text-shadow:.25em 0 0 transparent,.5em 0 0 transparent}60%{text-shadow:.25em 0 0 #fff,.5em 0 0 transparent}80%,to{text-shadow:.25em 0 0 #fff,.5em 0 0 #fff}}@keyframes dots{0%,20%{color:transparent;text-shadow:.25em 0 0 transparent,.5em 0 0 transparent}40%{color:#fff;text-shadow:.25em 0 0 transparent,.5em 0 0 transparent}60%{text-shadow:.25em 0 0 #fff,.5em 0 0 transparent}80%,to{text-shadow:.25em 0 0 #fff,.5em 0 0 #fff}}@media (orientation:portrait){.rating-container{display:block;position:relative;margin:0 auto}.result-container{display:flex;flex-direction:column-reverse}.rating-container{display:flex;flex-direction:column}.rating-display{margin-bottom:-2.5em;margin-top:-1em}.portrait-wrap{display:block}.rating-interface{justify-content:flex-start}}
/*# sourceMappingURL=main.f824aacd.chunk.css.map */