body{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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@font-face{font-family:"Permanent Marker";font-style:normal;font-weight:400;src:local("Permanent Marker Regular"),local("PermanentMarker-Regular"),url(https://fonts.gstatic.com/s/permanentmarker/v9/Fh4uPib9Iyv2ucM6pGQMWimMp004La2Cfw.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}body{padding:0;margin:0;background-color:#000;background:url(/binary2/static/media/bg.4c22380f.png)}#header{background:-webkit-gradient(linear,left top,left bottom,from(#000),to(rgba(0,120,165,0)));background:linear-gradient(#000,rgba(0,120,165,0));text-align:center}#header img{height:100%}#header h1{margin:0;font-size:8vh;font-family:"Permanent Marker",cursive;color:#fff;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000}#footer{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,120,165,0)),to(#000));background:linear-gradient(rgba(0,120,165,0),#000);text-align:center;position:fixed;bottom:0;width:100%;z-index:0}.colored{color:#f08080}.enable-camera{opacity:1;font-size:20px;border:none;border-radius:3px}.bg{color:#add8e6;position:fixed;z-index:-1;height:100vh;overflow:hidden;width:99vw}#options{width:85%;margin:auto}#scramble_box,#unscramble_box{position:relative;width:100%;display:block;color:#fff;text-align:center}#scramble_button{border-radius:3px;border:none;margin-top:10px;background:#fff;width:auto;padding:3px}#scramble_box button{min-width:16%;width:auto;font-size:1.5em}#unscramble_box{background:red}#scramble_input,#unscramble_input{border:none;-webkit-transition:.5s;transition:.5s;width:85%;margin-top:20px;border-radius:2px;font-size:4vh;position:-webkit-sticky;position:sticky;top:0;height:90px}#scramble_input:focus{height:250px}#scramble_output,#unscramble_output{font-size:3em;font-family:sans-serif;background:rgba(0,0,0,.7);width:86%;box-sizing:border-box;margin:2em auto 5em;z-index:1}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider,.slider:before{position:absolute;-webkit-transition:.4s;transition:.4s}.slider:before{content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.react-html5-camera-photo>video{width:100%;max-width:100vh!important;max-height:50vh!important;height:auto!important}
/*# sourceMappingURL=main.3aafc984.chunk.css.map */