From 189c8aa0fe88fd43bb85e113bd090e81118433f2 Mon Sep 17 00:00:00 2001 From: Gene Mecija Date: Mon, 8 Aug 2022 10:51:08 -0700 Subject: [PATCH] Updates --- asset-manifest.json | 8 ++++---- index.html | 2 +- ... precache-manifest.5813e840b958136511c9ffb62c05b644.js | 8 ++++---- service-worker.js | 2 +- static/css/main.2db8c091.chunk.css | 2 -- static/css/main.2db8c091.chunk.css.map | 1 - static/css/main.4f0d7525.chunk.css | 2 ++ static/css/main.4f0d7525.chunk.css.map | 1 + 8 files changed, 13 insertions(+), 13 deletions(-) rename precache-manifest.433f6dee04234d9f61b61c82d023fae9.js => precache-manifest.5813e840b958136511c9ffb62c05b644.js (80%) delete mode 100644 static/css/main.2db8c091.chunk.css delete mode 100644 static/css/main.2db8c091.chunk.css.map create mode 100644 static/css/main.4f0d7525.chunk.css create mode 100644 static/css/main.4f0d7525.chunk.css.map diff --git a/asset-manifest.json b/asset-manifest.json index 03a8b6a..cf0b5ff 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,6 +1,6 @@ { "files": { - "main.css": "/learn-morse-code/static/css/main.2db8c091.chunk.css", + "main.css": "/learn-morse-code/static/css/main.4f0d7525.chunk.css", "main.js": "/learn-morse-code/static/js/main.3ab0d3fb.chunk.js", "main.js.map": "/learn-morse-code/static/js/main.3ab0d3fb.chunk.js.map", "runtime-main.js": "/learn-morse-code/static/js/runtime-main.aaeeb903.js", @@ -8,9 +8,9 @@ "static/js/2.cb350622.chunk.js": "/learn-morse-code/static/js/2.cb350622.chunk.js", "static/js/2.cb350622.chunk.js.map": "/learn-morse-code/static/js/2.cb350622.chunk.js.map", "index.html": "/learn-morse-code/index.html", - "precache-manifest.433f6dee04234d9f61b61c82d023fae9.js": "/learn-morse-code/precache-manifest.433f6dee04234d9f61b61c82d023fae9.js", + "precache-manifest.5813e840b958136511c9ffb62c05b644.js": "/learn-morse-code/precache-manifest.5813e840b958136511c9ffb62c05b644.js", "service-worker.js": "/learn-morse-code/service-worker.js", - "static/css/main.2db8c091.chunk.css.map": "/learn-morse-code/static/css/main.2db8c091.chunk.css.map", + "static/css/main.4f0d7525.chunk.css.map": "/learn-morse-code/static/css/main.4f0d7525.chunk.css.map", "static/js/2.cb350622.chunk.js.LICENSE": "/learn-morse-code/static/js/2.cb350622.chunk.js.LICENSE", "static/media/electronic_key.jpg": "/learn-morse-code/static/media/electronic_key.cd2cf560.jpg", "static/media/straight_key.jpg": "/learn-morse-code/static/media/straight_key.f140bc7b.jpg" @@ -18,7 +18,7 @@ "entrypoints": [ "static/js/runtime-main.aaeeb903.js", "static/js/2.cb350622.chunk.js", - "static/css/main.2db8c091.chunk.css", + "static/css/main.4f0d7525.chunk.css", "static/js/main.3ab0d3fb.chunk.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index a8a746b..5187b0b 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -Learn Morse Code
\ No newline at end of file +Learn Morse Code
\ No newline at end of file diff --git a/precache-manifest.433f6dee04234d9f61b61c82d023fae9.js b/precache-manifest.5813e840b958136511c9ffb62c05b644.js similarity index 80% rename from precache-manifest.433f6dee04234d9f61b61c82d023fae9.js rename to precache-manifest.5813e840b958136511c9ffb62c05b644.js index a6d999d..a47ccf9 100644 --- a/precache-manifest.433f6dee04234d9f61b61c82d023fae9.js +++ b/precache-manifest.5813e840b958136511c9ffb62c05b644.js @@ -1,11 +1,11 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([ { - "revision": "ec3d966f17d818f51990abe1ee1edd4d", + "revision": "8f75f78ce23461b9ce2335ba88850024", "url": "/learn-morse-code/index.html" }, { - "revision": "df5406eb89f1b8ba2e87", - "url": "/learn-morse-code/static/css/main.2db8c091.chunk.css" + "revision": "c2f2270fe881263ce5c3", + "url": "/learn-morse-code/static/css/main.4f0d7525.chunk.css" }, { "revision": "b420660782789fba18df", @@ -16,7 +16,7 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([ "url": "/learn-morse-code/static/js/2.cb350622.chunk.js.LICENSE" }, { - "revision": "df5406eb89f1b8ba2e87", + "revision": "c2f2270fe881263ce5c3", "url": "/learn-morse-code/static/js/main.3ab0d3fb.chunk.js" }, { diff --git a/service-worker.js b/service-worker.js index cc92a2d..fc29d37 100644 --- a/service-worker.js +++ b/service-worker.js @@ -14,7 +14,7 @@ importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js"); importScripts( - "/learn-morse-code/precache-manifest.433f6dee04234d9f61b61c82d023fae9.js" + "/learn-morse-code/precache-manifest.5813e840b958136511c9ffb62c05b644.js" ); self.addEventListener('message', (event) => { diff --git a/static/css/main.2db8c091.chunk.css b/static/css/main.2db8c091.chunk.css deleted file mode 100644 index 2f5d2e9..0000000 --- a/static/css/main.2db8c091.chunk.css +++ /dev/null @@ -1,2 +0,0 @@ -@import url(https://fonts.googleapis.com/css?family=Courier+Prime:700|Roboto:700|Roboto&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}*{box-sizing:border-box;margin:0;padding:0;cursor:default;touch-action:manipulation}button,legend{font-family:Roboto,sans-serif}legend{font-size:x-small;font-weight:700;margin:.3em}fieldset{border:1px solid #a9a9a9;padding-bottom:.3em;margin-top:-.5em}#paddle-mode-buttons{visibility:hidden}body,html{background:#eee}#root,body,html{height:100%;width:100vw}#root{flex-direction:column}#header,#root{display:flex;align-items:center}#header{min-height:50px;width:100%;justify-content:space-between;padding-left:15px;background:#333;font-family:Roboto,sans-serif;color:#eee;z-index:1000;box-shadow:0 2px 2px rgba(0,0,0,.45);font-size:2.5em}#header #social-links,#header #title{font-weight:700;text-transform:uppercase}#header #social-links{display:flex;justify-content:space-evenly;align-items:center;font-size:1rem;color:#999;margin-right:10px}#header #social-links i{color:#ccc;padding-left:5px;padding-right:5px;font-size:2rem}#header #social-links i:hover{color:gold}#header #social-links div{height:auto}#header #social-links div img{width:40px;height:40px;opacity:1%}#header #social-links div img:hover{-webkit-animation-name:socialLinkHover;animation-name:socialLinkHover;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}#header #social-links div#twitter img{-webkit-filter:invert(90%);filter:invert(90%)}#main-content{display:flex;height:95vh;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;width:100vw;align-items:center;align-self:center;overflow-x:hidden;position:relative;left:0}#main-content .sidebar#left{background:#eee;box-shadow:3px 0 3px rgba(0,0,0,.25);font-family:Roboto,sans-serif;line-height:1.5em;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:40%;height:calc(100% - 5.1em);max-width:100%;overflow-y:scroll;position:fixed;top:50px;left:0;z-index:100;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}#main-content .sidebar#left.hide{left:calc(-40% + 40px);top:50px;overflow-y:hidden}#main-content .sidebar#left.hide #sidebar-container #sidebar-content #info{opacity:0;overflow-y:hidden}#main-content .sidebar#left.hide #sidebar-container #info-icon{top:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}#main-content .sidebar#left #sidebar-container{height:100%;width:100%}#main-content .sidebar#left #sidebar-container .navbar{font-size:1em;line-height:1em;width:100%;height:35px;display:flex;justify-content:center;text-transform:uppercase;font-weight:550}#main-content .sidebar#left #sidebar-container .navbar .nav-item{padding:10px;width:30%;height:100%;display:flex;justify-content:center;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;border-bottom:2px solid transparent}#main-content .sidebar#left #sidebar-container .navbar .nav-item:hover{background:rgba(0,0,0,.1);border-color:#999}#main-content .sidebar#left #sidebar-container .navbar .nav-item.selected{border-color:#508090}#main-content .sidebar#left #sidebar-container .navbar .nav-item#nav-play{display:none}#main-content .sidebar#left #sidebar-container #info-icon{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;top:7px;right:6px;z-index:1010;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}#main-content .sidebar#left #sidebar-container #info-icon:hover i{color:#daa520}#main-content .sidebar#left #sidebar-container #info-icon i{color:#333;font-size:1.7rem;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#main-content .sidebar#left #sidebar-container #sidebar-content{display:flex;justify-content:center;align-self:center}#main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend{padding:2em;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow-y:scroll}#main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend #legend,#main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend #playMorseInput,#main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend span#note{margin-bottom:1em}#main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend span#note{font-family:Courier,monospace;color:#555;display:inline-block;width:65%;text-align:center}#main-content .sidebar#left #sidebar-container #sidebar-content #info{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:2.5em;font-family:Roboto,sans-serif;font-size:1.2rem;line-height:1.5em;opacity:1%;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}#main-content .sidebar#left #sidebar-container #sidebar-content #info h1,#main-content .sidebar#left #sidebar-container #sidebar-content #info h2{margin-bottom:.3em}#main-content .sidebar#left #sidebar-container #sidebar-content #info .bold{display:inline-block;font-size:1.15em;font-weight:700;margin-bottom:.1em}#main-content .sidebar#left #sidebar-container #sidebar-content #info p{margin-bottom:2em}#main-content .sidebar#left #sidebar-container #sidebar-content #info p span.ditdah{font-family:Courier,monospace}#main-content .sidebar#left #sidebar-container #sidebar-content #info img{width:50%;image-rendering:optimizeSpeed}#main-content .sidebar#left #sidebar-container #sidebar-content #info a:visited{color:#333}#main-content .sidebar#left #sidebar-container #sidebar-content #info a:hover,#main-content .sidebar#left #sidebar-container #sidebar-content #info i:hover{color:#daa520}#main-content .sidebar#left #sidebar-container #sidebar-content #info i{font-size:1.2rem;line-height:1rem}#main-content #main-interface{background:#f5f5f5;display:flex;flex-direction:column;align-items:center;height:100%;width:60%;position:relative;left:40%;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}#main-content #main-interface.expandLeft{left:40px;width:calc(100% - 40px)}#main-content #main-interface #mainOptions{display:flex;flex-direction:row;justify-content:flex-start;overflow-x:scroll;width:100%;padding:10px;background:rgba(112,128,144,.3);box-shadow:inset 0 -2px 2px rgba(0,0,0,.1);font-family:Roboto,sans-serif;z-index:500}#main-content #main-interface #mainOptions #options-left,#main-content #main-interface #mainOptions #options-right{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#main-content #main-interface #mainOptions #options-left .mode-picker,#main-content #main-interface #mainOptions #options-right .mode-picker{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;align-content:flex-start;justify-content:flex-start}#main-content #main-interface #mainOptions #options-left .mode-picker div,#main-content #main-interface #mainOptions #options-right .mode-picker div{display:flex;justify-content:center;align-items:center;padding:3px;height:100%;margin-bottom:5px}#main-content #main-interface #mainOptions #options-left .mode-picker #title,#main-content #main-interface #mainOptions #options-right .mode-picker #title{justify-content:flex-end;width:10em;font-weight:700;font-size:1.15em}#main-content #main-interface #mainOptions #options-left .mode-picker #title span#range,#main-content #main-interface #mainOptions #options-right .mode-picker #title span#range{display:inline-block;padding-left:5px;font-size:.8em}#main-content #main-interface #mainOptions #options-left .mode-picker #buttons,#main-content #main-interface #mainOptions #options-right .mode-picker #buttons{justify-content:space-evenly}#main-content #main-interface #mainOptions #options-left .mode-picker #input input,#main-content #main-interface #mainOptions #options-right .mode-picker #input input{width:50px;height:1.5rem;border:1px solid #ddd;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-align:center;border-radius:3px;font-size:.8rem}#main-content #main-interface #mainOptions #options-left .mode-picker #input select,#main-content #main-interface #mainOptions #options-right .mode-picker #input select{height:1.4rem}#main-content #main-interface #mainOptions #options-left .mode-picker #input button,#main-content #main-interface #mainOptions #options-right .mode-picker #input button{width:1.4em;height:1.4em;border-radius:3px;font-size:1em}#main-content #main-interface #mainOptions #options-left .mode-picker #input button i,#main-content #main-interface #mainOptions #options-right .mode-picker #input button i{position:relative;left:-6px;top:-2px;font-size:1.1em;font-weight:700}#main-content #main-interface #mainOptions #options-left .mode-picker button,#main-content #main-interface #mainOptions #options-right .mode-picker button{background:#eee;box-shadow:0 2px 2px rgba(0,0,0,.35),0 -1px 1px #fff;border-radius:3px;border:0;padding:.2em .5em;margin-left:10px;margin-right:10px;font-size:.9em;color:#333}#main-content #main-interface #mainOptions #options-left .mode-picker button.selected,#main-content #main-interface #mainOptions #options-right .mode-picker button.selected{box-shadow:inset 0 2px 2px rgba(0,0,0,.3),inset 0 -1px 1px #fff}#main-content #main-interface #mainOptions #options-left .mode-picker #title{width:5em}#footer{width:100%;height:2em;padding:.3em;display:flex;justify-content:center;align-items:center;background:#333;font-family:Roboto,sans-serif;font-size:1em;color:#eee;z-index:1000}#footer i{font-size:1.3em;color:#ccc}#footer i:hover{color:gold}h2{margin-bottom:.5em}i[class*=ri-]{font-weight:400;font-size:.9rem;color:#777}#playMorseInput{background:#ddd;width:400px;height:10em;padding:1em;border-radius:5px;display:flex;flex-direction:column;align-items:center;margin-bottom:45px}#playMorseInput #input{display:flex;align-items:center;width:auto}#playMorseInput #input i{font-size:1.3em;display:inline-block}#playMorseInput #input i:hover{color:#daa520}#playMorseInput #input input{padding-left:3px;border-radius:3px;border:1px solid #ddd;height:1.5rem;font-size:.9em;width:auto}#playMorseInput #morseTrans{font-size:.9em;font-family:Courier,monospace}#legend{background:#eee;display:flex;flex-direction:column;justify-content:space-evenly}#legend #legend-title{margin-left:2.2em;font-size:1.5em;font-weight:700;margin-bottom:.3em}#legend #legend-items{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:10px}#legend #legend-items .item{font-family:Courier,monospace;font-size:.85em;display:flex;align-items:center;width:15%;margin:5px;padding:.3em;border-radius:3px;background:#ddd;border:0;background:#eee;box-shadow:0 2px 2px rgba(0,0,0,.35),0 -1px 1px #fff}#legend #legend-items .item,#legend #legend-items .item span{-webkit-transition:all 50ms ease-in-out;transition:all 50ms ease-in-out}#legend #legend-items .item:active{-webkit-transform:scale(.95);transform:scale(.95);border-color:rgba(112,128,144,.6);background:#ddd}#legend #legend-items .item:active span:first-child{background:rgba(112,128,144,.6)}#legend #legend-items .item:hover{border-color:rgba(112,128,144,.6);background:#ddd}#legend #legend-items .item:hover span:first-child{background:rgba(112,128,144,.6)}#legend #legend-items .item span:first-child{display:inline-block;padding:1px;width:1.5em;background:#d6d6d6;border-radius:2px;font-size:1.5em;-webkit-transition:all 75ms ease-in-out;transition:all 75ms ease-in-out}#legend #legend-items .item span:last-child{font-weight:700;font-size:1em;display:inline-block;padding-left:5px;width:100%}#morseButton{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100px;height:100px;margin-top:30px;margin-bottom:10px;border-radius:50%;align-self:center;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 2px rgba(0,0,0,.35),0 -1px 1px #fff;-webkit-transition:width .5s ease-out,background .5s ease-out,-webkit-transform 40ms ease-out,-webkit-box-shadow 40ms ease-out;-webkit-transition:box-shadow 40ms ease-out,width .5s ease-out,background .5s ease-out,-webkit-transform 40ms ease-out;transition:box-shadow 40ms ease-out,width .5s ease-out,background .5s ease-out,-webkit-transform 40ms ease-out;transition:transform 40ms ease-out,box-shadow 40ms ease-out,width .5s ease-out,background .5s ease-out;transition:transform 40ms ease-out,box-shadow 40ms ease-out,width .5s ease-out,background .5s ease-out,-webkit-transform 40ms ease-out;background:rgba(112,138,144,.5)}#morseButton.active{-webkit-transform:translateY(3px);transform:translateY(3px);box-shadow:0 0 2px rgba(0,0,0,.3)}#morseButton button{font-size:1rem;color:transparent;width:50px;height:100px;background:rgba(112,138,144,.5);margin:0;border:0;-webkit-transition:width .5s ease-out,background .5s ease-out,color .5s ease-out,-webkit-transform 40ms ease-out,-webkit-box-shadow 40ms ease-out;-webkit-transition:box-shadow 40ms ease-out,width .5s ease-out,background .5s ease-out,color .5s ease-out,-webkit-transform 40ms ease-out;transition:box-shadow 40ms ease-out,width .5s ease-out,background .5s ease-out,color .5s ease-out,-webkit-transform 40ms ease-out;transition:transform 40ms ease-out,box-shadow 40ms ease-out,width .5s ease-out,background .5s ease-out,color .5s ease-out;transition:transform 40ms ease-out,box-shadow 40ms ease-out,width .5s ease-out,background .5s ease-out,color .5s ease-out,-webkit-transform 40ms ease-out}#morseButton button.showPaddles{color:transparent;border-radius:50px;width:50px;height:100px;box-shadow:0 2px 2px rgba(0,0,0,.35),0 -1px 1px #fff}#morseButton button#left{width:50%;border-radius:50px 0 0 50px;display:none}#morseButton button#left.showPaddles{border-radius:50px 0 0 50px;display:inline-block;margin-right:7px;border-radius:20px}#morseButton button#right{border-radius:0 50px 50px 0;width:50%;display:none}#morseButton button#right.showPaddles{border-radius:0 50px 50px 0;display:inline-block;margin-left:7px;border-radius:20px}#morseButton button.active{-webkit-transform:translateY(3px);transform:translateY(3px);box-shadow:0 0 1px rgba(0,0,0,.3)}#morseButton.showPaddles{width:150px;height:100px;background:transparent;box-shadow:0 0 0 transparent}#morseButtonText{font-family:Roboto,sans-serif;font-weight:700;color:#aaa;font-size:.9rem}#paddleText{width:140px;display:flex;justify-content:space-around}@-webkit-keyframes hideOverlay{0%{opacity:1%}to{opacity:0}}@keyframes hideOverlay{0%{opacity:1%}to{opacity:0}}#challenge-overlay{position:absolute;display:inline-block;top:0;left:0;width:100%;height:100%;z-index:50;background:hsla(0,0%,100%,.75);display:flex;justify-content:center}#challenge-overlay.fade{-webkit-animation:hideOverlay 1s ease-out forwards;animation:hideOverlay 1s ease-out forwards}#challenge-overlay.hide{z-index:-100}#challenge-overlay #challengeComplete,#challenge-overlay #challengeReady{position:relative;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:45%;max-width:600px;padding:1.7em;height:35%;background:#eee;margin-top:10rem;border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,.5);border:3px solid #666}#challenge-overlay #challengeComplete #notify-title,#challenge-overlay #challengeReady #notify-title{font-size:2.5em;font-weight:700}#challenge-overlay #challengeComplete #message,#challenge-overlay #challengeReady #message{display:inline-block;text-align:center;font-size:1.7em}#challenge-overlay #challengeComplete #count,#challenge-overlay #challengeReady #count{font-size:4.5em;font-weight:700}#challenge-overlay #challengeComplete.starting,#challenge-overlay #challengeReady.starting{justify-content:center}#challenge-overlay #challengeComplete button,#challenge-overlay #challengeReady button{background:#eee;box-shadow:0 2px 2px rgba(0,0,0,.35),0 -1px 1px #fff;border-radius:3px;border:0;padding:.3em;margin-left:10px;margin-right:10px;font-size:.75em;color:#333}#challenge-overlay #challengeComplete button#continue,#challenge-overlay #challengeComplete button#startChallenge,#challenge-overlay #challengeReady button#continue,#challenge-overlay #challengeReady button#startChallenge{width:100%;font-size:1.7em;font-weight:700;padding:.3em;background:#666;color:gold;text-transform:uppercase;letter-spacing:.3rem}#challenge-overlay #challengeComplete button#continue:active,#challenge-overlay #challengeComplete button#startChallenge:active,#challenge-overlay #challengeReady button#continue:active,#challenge-overlay #challengeReady button#startChallenge:active{-webkit-transform:translateY(3px);transform:translateY(3px);box-shadow:0 1px 1px rgba(0,0,0,.2)}#challenge-overlay #challengeComplete button.selected,#challenge-overlay #challengeReady button.selected{box-shadow:inset 0 2px 2px rgba(0,0,0,.3),inset 0 -1px 1px #fff}#challenge-overlay #challengeComplete #challengeOptions,#challenge-overlay #challengeReady #challengeOptions{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}#challenge-overlay #challengeComplete #challengeOptions .mode-picker,#challenge-overlay #challengeReady #challengeOptions .mode-picker{width:90%;display:flex;align-content:center;justify-content:flex-start}#challenge-overlay #challengeComplete #challengeOptions .mode-picker div,#challenge-overlay #challengeReady #challengeOptions .mode-picker div{padding:5px;height:2.4em}#challenge-overlay #challengeComplete #challengeOptions .mode-picker div#title,#challenge-overlay #challengeReady #challengeOptions .mode-picker div#title{font-weight:700;font-size:1.4em;height:100%;display:flex;padding-left:0;justify-content:flex-start;align-items:center}#challenge-overlay #challengeComplete #challengeOptions .mode-picker div#buttons,#challenge-overlay #challengeReady #challengeOptions .mode-picker div#buttons{display:flex;justify-content:space-between;align-items:center;height:100%}#challenge-overlay #challengeComplete #challengeOptions .mode-picker div#buttons button,#challenge-overlay #challengeReady #challengeOptions .mode-picker div#buttons button{font-size:1rem}#challenge-overlay #challengeComplete #challengeOptions .mode-picker div#info,#challenge-overlay #challengeReady #challengeOptions .mode-picker div#info{display:flex;align-items:center;font-size:1.2em;height:100%}#challenge-overlay #challengeComplete #challengeOptions .mode-picker div#input,#challenge-overlay #challengeReady #challengeOptions .mode-picker div#input{margin-left:10px;margin-top:.25em;display:flex;align-items:center;justify-content:center}#challenge-overlay #challengeComplete #challengeOptions .mode-picker div#input select,#challenge-overlay #challengeReady #challengeOptions .mode-picker div#input select{height:auto;font-size:1rem}#challenge-header{width:100%;padding:1em;display:flex;justify-content:space-between}#challenge-header #gameClock{font-size:1.3em}#challenge-header #challengeControls button{border:0;border-radius:5px;padding:.3em;font-size:1.2em;color:#555}#challenge-header #challengeControls button:hover{color:maroon}#challengeWord{display:flex;justify-content:center;align-items:center;align-self:center;height:5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-left:10px;padding-right:10px;margin-bottom:10px;margin-top:25px;border-radius:3px;box-shadow:0 2px 2px rgba(0,0,0,.35),0 -1px 1px #fff;font-size:4rem;font-family:Courier Prime,Courier,monospace;font-weight:700;background:#fdfdfd;text-transform:uppercase;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#challengeWord .cLetter{margin:1px;display:inline-flex;align-items:center;line-height:3rem;display:inline-block;padding:10px 4px 4px;background:transparent;-webkit-transition:background .1s ease-in-out;transition:background .1s ease-in-out}#challengeWord .cLetter.correct{background:#5ae65a;border-radius:3px}#challengeWord.correct{background:#5ae65a}#morseBufferDisplay{display:flex;justify-content:center;flex-direction:column-reverse;align-items:center;width:100%;height:180px;margin-bottom:20px;font-family:Courier Prime,Courier,monospace;position:relative}#morseBufferDisplay #overlay{box-shadow:inset 20px 0 20px -5px #f5f5f5;position:absolute;display:inline-block;top:20px;left:12.5%;width:600px;height:5rem;z-index:40}#morseBufferDisplay #alphanumeric-container{text-align:center;max-width:75%;display:inline-block;overflow:hidden;padding-top:10px}#morseBufferDisplay #alphanumeric-container #alphanumeric{height:5rem;padding-top:.45rem;font-size:4rem;margin-bottom:10px;border-radius:3px;float:right}#morseBufferDisplay #ditDahs-container{text-align:center;max-width:70vw;display:inline-block;overflow:hidden}#morseBufferDisplay #ditDahs-container #ditDahs{height:50px;padding-right:5px;display:flex;flex-direction:row;justify-content:center;font-size:3rem;font-family:Courier,monospace;float:right}#morseBufferDisplay #ditDahs-container #ditDahs .ditDah{background:#fdfdfd;height:40px;width:30px!important;margin-left:3px;border-radius:3px;box-shadow:0 2px 2px rgba(0,0,0,.35),0 -1px 1px #fff;display:flex;justify-content:center;align-items:center;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#challengeBufferDisplay{display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%;font-family:Courier Prime,Courier,monospace;font-weight:700}#challengeBufferDisplay #ditDahs{max-width:95%;height:60px;padding-right:5px;padding-top:10px;margin-bottom:10px;display:inline-flex;overflow:hidden;flex-direction:row;justify-content:center;font-size:3rem;font-family:Courier,monospace;text-align:center}#challengeBufferDisplay #ditDahs span{float:right;padding:5px;-webkit-transition:background .1s ease-in-out;transition:background .1s ease-in-out;background:#fdfdfd;height:40px;margin-left:3px;border-radius:3px;box-shadow:0 2px 2px rgba(0,0,0,.35),0 -1px 1px #fff;display:flex;justify-content:center;align-items:center;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.space{font-size:20px}#morse-history{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;width:80%;max-width:500px;margin-top:3em}#morse-history #morseHistory-textbox{background:#fff;border-radius:5px;min-height:4em;width:100%;padding:.5em;font-family:Courier;font-size:1.5rem;display:flex;align-content:flex-start;flex-wrap:wrap;overflow-y:scroll}#morse-history #morseHistory-textbox span{margin:5px;background:#fdfdfd;height:1.5rem;padding:0 4px;border-radius:3px;box-shadow:0 2px 2px rgba(0,0,0,.35),0 -1px 1px #fff}#morse-history #clear{width:100%;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between}#morse-history #clear #message{font-family:Roboto,sans-serif;padding:.3em;font-size:.9em;color:#777}#morse-history #clear #message .ditDah{font-family:Courier,monospace}#morse-history #clear button{background:#ededed;color:#666;font-size:1em;height:1.5em;border:0;padding:.7em;display:flex;align-items:center}#morse-history #clear button:hover{color:maroon}#morseHistory{border:1px solid purple;display:flex;flex-direction:column;width:100%;height:320px;position:relative;padding-top:10px}#morseHistory #overlay{box-shadow:inset 20px 0 20px #eee,inset -20px 0 20px #eee,inset 0 -100px 100px #eee;position:absolute;display:inline-block;top:0;left:0;width:100%;height:100%;z-index:100}@media only screen and (max-width:1024px){#sidebar-content #info{padding:1em}#sidebar-content #playerAndLegend{padding:0}#sidebar-content #playerAndLegend #legend #legend-items button{width:20%}#mainOptions{flex-direction:column;align-items:center}}@media only screen and (max-width:415px){#main-interface,#root,body,html{width:100vw;overflow:hidden}#header{width:100vw;font-size:1.3em;height:1.5em;min-height:1.5em;max-height:1.5em;padding-left:5px}#header #social-links{margin-right:0;font-size:1rem}#header #social-links i{font-size:1.5rem;padding-left:0}#root #main-content{height:calc(100vh - 4.1em)}#root #main-content .sidebar#left{top:2em;width:100vw;min-width:40%;max-width:100vw;height:calc(100vh - 4.1em)}#root #main-content .sidebar#left.hide{left:calc(-100% + 40px);background:transparent;box-shadow:0 0 0 transparent;z-index:600}#root #main-content .sidebar#left.hide #sidebar-content{display:none}#root #main-content .sidebar#left #sidebar-content #info{padding:1em}#root #main-content .sidebar#left #sidebar-content #playerAndLegend{padding:0}#root #main-content .sidebar#left #sidebar-content #playerAndLegend #legend #legend-items button{width:20%}#root #main-content #main-interface{max-width:100vw;position:relative;left:100%}#root #main-content #main-interface.expandLeft{left:0;width:100vw}#root #main-content #main-interface #mainOptions{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;width:100vw;padding:3px;flex-direction:column;align-items:center;z-index:500}#root #main-content #main-interface #mainOptions div .mode-picker{margin-left:15px;width:100%;max-width:100vw;min-width:50px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}#root #main-content #main-interface #mainOptions div .mode-picker div{max-width:100vw}#root #main-content #main-interface #mainOptions div .mode-picker div#title{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:1em}#root #main-content #main-interface #mainOptions div .mode-picker div#buttons,#root #main-content #main-interface #mainOptions div .mode-picker div#input{font-size:1em}#root #main-content #main-interface #mainOptions div .mode-picker #input button,#root #main-content #main-interface #mainOptions div .mode-picker button{font-size:.8em}#root #main-content #main-interface #mainOptions div .mode-picker #input{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#root #main-content #main-interface #challenge-overlay #challengeComplete,#root #main-content #main-interface #challenge-overlay #challengeReady{height:60%;max-height:600px;padding:0;width:90%}#root #main-content #main-interface #challenge-overlay #challengeComplete #notify-title,#root #main-content #main-interface #challenge-overlay #challengeReady #notify-title{font-size:1.5em}#root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker,#root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker{width:95%}#root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker #buttons,#root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker #info,#root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker #input,#root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker #title,#root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker #buttons,#root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker #info,#root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker #input,#root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker #title{font-size:1em}#root #main-content #main-interface #challenge-overlay #challengeComplete #startChallenge,#root #main-content #main-interface #challenge-overlay #challengeReady #startChallenge{font-size:1.3em;line-height:2em}#root #main-content #main-interface #morseBufferDisplay{justify-content:flex-end;margin-bottom:0;margin-top:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}#root #main-content #main-interface #morseBufferDisplay #alphanumeric-container{min-height:3.5rem;max-height:3.5rem;margin-bottom:0;padding:0}#root #main-content #main-interface #morseBufferDisplay #alphanumeric-container #alphanumeric{min-height:3.5rem;font-size:3rem}#root #main-content #main-interface #morseBufferDisplay #ditDahs-container{margin-top:0;margin-bottom:0;min-height:2.3rem;max-height:2.3rem}#root #main-content #main-interface #morseBufferDisplay #ditDahs-container #ditDahs{min-height:2rem;max-height:2rem}#root #main-content #main-interface #morseBufferDisplay #ditDahs-container #ditDahs .ditDah{height:2rem;min-width:1.7rem;max-width:1.7rem;font-size:2rem}#root #main-content #main-interface #morse-history{margin-top:0}#root #main-content #main-interface #morse-history #morseHistory-textbox{background:#fff;min-height:2em;max-height:2em}#root #main-content #main-interface #morse-history #clear button{padding:0 3px}#root #main-content #main-interface #challenge-header{padding:5px}#root #main-content #main-interface #challenge-header #gameClock{font-size:.8em}#root #main-content #main-interface #challenge-header #challengeControls button{font-size:1em}#root #main-content #main-interface #challengeWord{margin-top:0;height:4rem;font-size:3rem}#root #main-content #main-interface #challengeWord span{line-height:2rem}#root #main-content #main-interface #morseButton{margin-top:0}} -/*# sourceMappingURL=main.2db8c091.chunk.css.map */ \ No newline at end of file diff --git a/static/css/main.2db8c091.chunk.css.map b/static/css/main.2db8c091.chunk.css.map deleted file mode 100644 index 5b4db91..0000000 --- a/static/css/main.2db8c091.chunk.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["main.2db8c091.chunk.css","index.css","../scss/App.scss","App.css"],"names":[],"mappings":"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CE,WACF,CACA,oEACE,SACF,CACA,iGACE,SACF,CACA,oCACE,eAAgB,CAChB,iBAAkB,CAClB,SACF,CACA,+CACE,MAAQ,CACR,WACF,CACA,iDACE,0BAA2B,CAC3B,uBAAwB,CACxB,kBAAmB,CACnB,8BAA+B,CAC/B,2BAA4B,CAC5B,sBAAuB,CACvB,WAAY,CACZ,WAAY,CAIJ,qBAAsB,CAGtB,kBAAmB,CAC3B,WACF,CACA,kEACE,gBAAiB,CACjB,UAAW,CACX,eAAgB,CAChB,cAAe,CACf,0BAA2B,CAC3B,uBAAwB,CACxB,kBACF,CACA,sEACE,eACF,CACA,4EACE,yBAA0B,CAC1B,sBAAuB,CACvB,iBAAkB,CAClB,aACF,CACA,0JACE,aACF,CACA,yJACE,cACF,CACA,yEACE,yBAA0B,CAC1B,sBAAuB,CACvB,iBACF,CACA,iJACE,UAAW,CACX,gBAAiB,CACjB,SAAY,CACZ,SACF,CACA,6KACE,eACF,CACA,mLACE,SACF,CAIA,swBACE,aACF,CACA,iLACE,eAAgB,CAChB,eACF,CACA,wDAGU,wBAAyB,CACjC,eAAkB,CAClB,YAAe,CACf,0BAA2B,CAC3B,uBAAwB,CACxB,kBACF,CACA,gFACE,iBAAkB,CAClB,iBAAkB,CAClB,eAAkB,CAClB,SACF,CACA,8FACE,iBAAkB,CAClB,cACF,CACA,2EACE,YAAa,CACb,eAAgB,CAChB,iBAAkB,CAClB,iBACF,CACA,oFACE,eAAgB,CAChB,eACF,CACA,4FACE,WAAY,CACZ,gBAAiB,CACjB,gBAAiB,CACjB,cACF,CACA,mDACE,YACF,CACA,yEACE,eAAgB,CAChB,cAAe,CACf,cACF,CACA,iEAGE,aACF,CACA,sDACE,WACF,CACA,iEACE,cACF,CACA,gFACE,aACF,CACA,mDACE,YAAa,CACb,WAAY,CACZ,cACF,CACA,wDACE,gBACF,CACA,iDACE,YACF,CACF","file":"main.2db8c091.chunk.css","sourcesContent":["@import url(https://fonts.googleapis.com/css?family=Courier+Prime:700|Roboto:700|Roboto&display=swap);\nbody {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n\n* {\n box-sizing: border-box;\n margin: 0px;\n padding: 0px;\n cursor: default;\n touch-action: manipulation;\n}\n\nbutton {\n font-family: \"Roboto\", sans-serif;\n}\n\nlegend {\n font-family: \"Roboto\", sans-serif;\n font-size: x-small;\n font-weight: bold;\n margin: 0.3em;\n}\n\nfieldset {\n border: 1px solid darkgray;\n padding-bottom: 0.3em;\n margin-top: -0.5em;\n}\n\n#paddle-mode-buttons {\n visibility: hidden;\n}\n\nhtml, body {\n height: 100%;\n width: 100vw;\n background: #eee;\n}\n\n#root {\n width: 100vw;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n#header {\n min-height: 50px;\n min-height: 50px;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-left: 15px;\n background: #333;\n font-family: \"Roboto\", sans-serif;\n color: #eee;\n z-index: 1000;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.45);\n font-size: 2.5em;\n}\n\n#header #title {\n font-weight: bold;\n text-transform: uppercase;\n}\n\n#header #social-links {\n display: flex;\n justify-content: space-evenly;\n align-items: center;\n font-size: 1rem;\n font-weight: bold;\n text-transform: uppercase;\n color: #999;\n margin-right: 10px;\n}\n\n#header #social-links i {\n color: #ccc;\n padding-left: 5px;\n padding-right: 5px;\n font-size: 2rem;\n}\n\n#header #social-links i:hover {\n color: gold;\n}\n\n#header #social-links div {\n height: auto;\n}\n\n#header #social-links div img {\n width: 40px;\n height: 40px;\n opacity: 30%;\n}\n\n#header #social-links div img:hover {\n -webkit-animation-name: socialLinkHover;\n animation-name: socialLinkHover;\n -webkit-animation-duration: 150ms;\n animation-duration: 150ms;\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n}\n\n#header #social-links div#twitter img {\n -webkit-filter: invert(90%);\n filter: invert(90%);\n}\n\n#main-content {\n display: flex;\n height: 95vh;\n min-width: -webkit-fit-content;\n min-width: -moz-fit-content;\n min-width: fit-content;\n width: 100vw;\n align-items: center;\n align-self: center;\n overflow-x: hidden;\n position: relative;\n left: 0px;\n}\n\n#main-content .sidebar#left {\n background: #eee;\n box-shadow: 3px 0px 3px rgba(0, 0, 0, 0.25);\n font-family: 'Roboto', sans-serif;\n line-height: 1.5em;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n width: 40%;\n height: calc(100% - 5.1em);\n max-width: 100%;\n overflow-y: scroll;\n position: fixed;\n top: 50px;\n left: 0px;\n z-index: 100;\n -webkit-transition: all 500ms ease-in-out;\n transition: all 500ms ease-in-out;\n}\n\n#main-content .sidebar#left.hide {\n left: calc(-40% + 40px);\n top: 50px;\n overflow-y: hidden;\n}\n\n#main-content .sidebar#left.hide #sidebar-container #sidebar-content #info {\n opacity: 0%;\n overflow-y: hidden;\n}\n\n#main-content .sidebar#left.hide #sidebar-container #info-icon {\n top: 0px;\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg);\n}\n\n#main-content .sidebar#left #sidebar-container {\n height: 100%;\n width: 100%;\n}\n\n#main-content .sidebar#left #sidebar-container .navbar {\n font-size: 1em;\n line-height: 1em;\n width: 100%;\n height: 35px;\n display: flex;\n justify-content: center;\n text-transform: uppercase;\n font-weight: 550;\n}\n\n#main-content .sidebar#left #sidebar-container .navbar .nav-item {\n padding: 10px;\n width: 30%;\n height: 100%;\n display: flex;\n justify-content: center;\n -webkit-transition: all 150ms ease-in-out;\n transition: all 150ms ease-in-out;\n border-bottom: 2px solid transparent;\n}\n\n#main-content .sidebar#left #sidebar-container .navbar .nav-item:hover {\n background: rgba(0, 0, 0, 0.1);\n border-color: #999;\n}\n\n#main-content .sidebar#left #sidebar-container .navbar .nav-item.selected {\n border-color: #508090;\n}\n\n#main-content .sidebar#left #sidebar-container .navbar .nav-item#nav-play {\n display: none;\n}\n\n#main-content .sidebar#left #sidebar-container #info-icon {\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n position: absolute;\n top: 7px;\n right: 6px;\n z-index: 1010;\n -webkit-transition: all 500ms ease-in-out;\n transition: all 500ms ease-in-out;\n}\n\n#main-content .sidebar#left #sidebar-container #info-icon:hover i {\n color: goldenrod;\n}\n\n#main-content .sidebar#left #sidebar-container #info-icon i {\n color: #333;\n font-size: 1.7rem;\n -webkit-transition: all 100ms ease-in-out;\n transition: all 100ms ease-in-out;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content {\n display: flex;\n justify-content: center;\n align-self: center;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend {\n padding: 2em;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n overflow-y: scroll;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend #legend, #main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend #playMorseInput, #main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend span#note {\n margin-bottom: 1em;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend span#note {\n font-family: \"Courier\", monospace;\n color: #555;\n display: inline-block;\n width: 65%;\n text-align: center;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info {\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n padding: 2.5em;\n font-family: \"Roboto\", sans-serif;\n font-size: 1.2rem;\n line-height: 1.5em;\n opacity: 100%;\n -webkit-transition: all 500ms ease-in-out;\n transition: all 500ms ease-in-out;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info h1, #main-content .sidebar#left #sidebar-container #sidebar-content #info h2 {\n margin-bottom: 0.3em;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info .bold {\n display: inline-block;\n font-size: 1.15em;\n font-weight: bold;\n margin-bottom: 0.1em;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info p {\n margin-bottom: 2em;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info p span.ditdah {\n font-family: \"Courier\", monospace;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info img {\n width: 50%;\n image-rendering: optimizeSpeed;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info a:visited {\n color: #333;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info a:hover, #main-content .sidebar#left #sidebar-container #sidebar-content #info i:hover {\n color: goldenrod;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info i {\n font-size: 1.2rem;\n line-height: 1rem;\n}\n\n#main-content #main-interface {\n background: whitesmoke;\n display: flex;\n flex-direction: column;\n align-items: center;\n height: 100%;\n width: 60%;\n position: relative;\n left: 40%;\n -webkit-transition: all 500ms ease-in-out;\n transition: all 500ms ease-in-out;\n}\n\n#main-content #main-interface.expandLeft {\n left: 40px;\n width: calc(100% - 40px);\n}\n\n#main-content #main-interface #mainOptions {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n overflow-x: scroll;\n width: 100%;\n padding: 10px;\n background: rgba(112, 128, 144, 0.3);\n box-shadow: inset 0px -2px 2px rgba(0, 0, 0, 0.1);\n font-family: \"Roboto\", sans-serif;\n z-index: 500;\n}\n\n#main-content #main-interface #mainOptions #options-left, #main-content #main-interface #mainOptions #options-right {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker, #main-content #main-interface #mainOptions #options-right .mode-picker {\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n display: flex;\n align-content: flex-start;\n justify-content: flex-start;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker div, #main-content #main-interface #mainOptions #options-right .mode-picker div {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 3px;\n height: 100%;\n margin-bottom: 5px;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker #title, #main-content #main-interface #mainOptions #options-right .mode-picker #title {\n justify-content: flex-end;\n width: 10em;\n font-weight: bold;\n font-size: 1.15em;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker #title span#range, #main-content #main-interface #mainOptions #options-right .mode-picker #title span#range {\n display: inline-block;\n padding-left: 5px;\n font-size: 0.8em;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker #buttons, #main-content #main-interface #mainOptions #options-right .mode-picker #buttons {\n justify-content: space-evenly;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker #input input, #main-content #main-interface #mainOptions #options-right .mode-picker #input input {\n width: 50px;\n height: 1.5rem;\n border: 1px solid #ddd;\n -webkit-appearance: textfield;\n -moz-appearance: textfield;\n appearance: textfield;\n text-align: center;\n border-radius: 3px;\n font-size: 0.8rem;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker #input select, #main-content #main-interface #mainOptions #options-right .mode-picker #input select {\n height: 1.4rem;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker #input button, #main-content #main-interface #mainOptions #options-right .mode-picker #input button {\n width: 1.4em;\n height: 1.4em;\n border-radius: 3px;\n font-size: 1em;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker #input button i, #main-content #main-interface #mainOptions #options-right .mode-picker #input button i {\n position: relative;\n left: -6px;\n top: -2px;\n font-size: 1.1em;\n font-weight: bold;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker button, #main-content #main-interface #mainOptions #options-right .mode-picker button {\n background: #eee;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n border-radius: 3px;\n border: 0px;\n padding: 0.2em;\n padding-left: 0.5em;\n padding-right: 0.5em;\n margin-left: 10px;\n margin-right: 10px;\n font-size: 0.9em;\n color: #333;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker button.selected, #main-content #main-interface #mainOptions #options-right .mode-picker button.selected {\n box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.3), inset 0px -1px 1px white;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker #title {\n width: 5em;\n}\n\n#footer {\n width: 100%;\n height: 2em;\n padding: 0.3em;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #333;\n font-family: \"Roboto\", sans-serif;\n font-size: 1em;\n color: #eee;\n z-index: 1000;\n}\n\n#footer i {\n font-size: 1.3em;\n color: #ccc;\n}\n\n#footer i:hover {\n color: gold;\n}\n\nh2 {\n margin-bottom: 0.5em;\n}\n\ni[class*=\"ri-\"] {\n font-weight: normal;\n font-size: 0.9rem;\n color: #777;\n}\n\n#playMorseInput {\n background: #ddd;\n width: 400px;\n height: 10em;\n padding: 1em;\n border-radius: 5px;\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-bottom: 45px;\n}\n\n#playMorseInput #input {\n display: flex;\n align-items: center;\n width: auto;\n}\n\n#playMorseInput #input i {\n font-size: 1.3em;\n display: inline-block;\n}\n\n#playMorseInput #input i:hover {\n color: goldenrod;\n}\n\n#playMorseInput #input input {\n padding-left: 3px;\n border-radius: 3px;\n border: 1px solid #ddd;\n height: 1.5rem;\n font-size: 0.9em;\n width: auto;\n}\n\n#playMorseInput #morseTrans {\n font-size: 0.9em;\n font-family: \"Courier\", monospace;\n}\n\n#legend {\n background: #eee;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n}\n\n#legend #legend-title {\n margin-left: 2.2em;\n font-size: 1.5em;\n font-weight: bold;\n margin-bottom: 0.3em;\n}\n\n#legend #legend-items {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: center;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n margin-bottom: 10px;\n}\n\n#legend #legend-items .item {\n font-family: \"Courier\", monospace;\n font-size: 0.85em;\n display: flex;\n align-items: center;\n width: 15%;\n margin: 5px;\n padding: 0.3em;\n border: 1px solid #ccc;\n border-radius: 3px;\n -webkit-transition: all 50ms ease-in-out;\n transition: all 50ms ease-in-out;\n background: #ddd;\n border: 0px;\n background: #eee;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n}\n\n#legend #legend-items .item span {\n -webkit-transition: all 50ms ease-in-out;\n transition: all 50ms ease-in-out;\n}\n\n#legend #legend-items .item:active {\n -webkit-transform: scale(0.95);\n transform: scale(0.95);\n border-color: rgba(112, 128, 144, 0.6);\n background: #ddd;\n}\n\n#legend #legend-items .item:active span:first-child {\n background: rgba(112, 128, 144, 0.6);\n}\n\n#legend #legend-items .item:hover {\n border-color: rgba(112, 128, 144, 0.6);\n background: #ddd;\n}\n\n#legend #legend-items .item:hover span:first-child {\n background: rgba(112, 128, 144, 0.6);\n}\n\n#legend #legend-items .item span:first-child {\n display: inline-block;\n padding: 1px;\n width: 1.5em;\n background: #d6d6d6;\n border-radius: 2px;\n font-size: 1.5em;\n -webkit-transition: all 75ms ease-in-out;\n transition: all 75ms ease-in-out;\n}\n\n#legend #legend-items .item span:last-child {\n font-weight: bold;\n font-size: 1em;\n display: inline-block;\n padding-left: 5px;\n width: 100%;\n}\n\n#morseButton {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n width: 100px;\n height: 100px;\n margin-top: 30px;\n margin-bottom: 10px;\n border-radius: 50%;\n align-self: center;\n display: flex;\n justify-content: center;\n align-items: center;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n -webkit-transition: width 500ms ease-out, background 500ms ease-out, -webkit-transform 40ms ease-out, -webkit-box-shadow 40ms ease-out;\n -webkit-transition: box-shadow 40ms ease-out, width 500ms ease-out, background 500ms ease-out, -webkit-transform 40ms ease-out;\n transition: box-shadow 40ms ease-out, width 500ms ease-out, background 500ms ease-out, -webkit-transform 40ms ease-out;\n transition: transform 40ms ease-out, box-shadow 40ms ease-out, width 500ms ease-out, background 500ms ease-out;\n transition: transform 40ms ease-out, box-shadow 40ms ease-out, width 500ms ease-out, background 500ms ease-out, -webkit-transform 40ms ease-out;\n background: rgba(112, 138, 144, 0.5);\n}\n\n#morseButton.active {\n -webkit-transform: translateY(3px);\n transform: translateY(3px);\n box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);\n}\n\n#morseButton button {\n font-size: 1rem;\n color: transparent;\n width: 50px;\n height: 100px;\n background: rgba(112, 138, 144, 0.5);\n margin: 0px;\n border: 0px;\n -webkit-transition: width 500ms ease-out, background 500ms ease-out, color 500ms ease-out, -webkit-transform 40ms ease-out, -webkit-box-shadow 40ms ease-out;\n -webkit-transition: box-shadow 40ms ease-out, width 500ms ease-out, background 500ms ease-out, color 500ms ease-out, -webkit-transform 40ms ease-out;\n transition: box-shadow 40ms ease-out, width 500ms ease-out, background 500ms ease-out, color 500ms ease-out, -webkit-transform 40ms ease-out;\n transition: transform 40ms ease-out, box-shadow 40ms ease-out, width 500ms ease-out, background 500ms ease-out, color 500ms ease-out;\n transition: transform 40ms ease-out, box-shadow 40ms ease-out, width 500ms ease-out, background 500ms ease-out, color 500ms ease-out, -webkit-transform 40ms ease-out;\n}\n\n#morseButton button.showPaddles {\n color: transparent;\n border-radius: 50px;\n width: 50px;\n height: 100px;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n}\n\n#morseButton button#left {\n width: 50%;\n border-radius: 50px 0px 0px 50px;\n display: none;\n}\n\n#morseButton button#left.showPaddles {\n border-radius: 50px 0 0 50px;\n display: inline-block;\n margin-right: 7px;\n border-radius: 20px;\n}\n\n#morseButton button#right {\n border-radius: 0 50px 50px 0;\n width: 50%;\n display: none;\n}\n\n#morseButton button#right.showPaddles {\n border-radius: 0 50px 50px 0;\n display: inline-block;\n margin-left: 7px;\n border-radius: 20px;\n}\n\n#morseButton button.active {\n -webkit-transform: translateY(3px);\n transform: translateY(3px);\n box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);\n}\n\n#morseButton.showPaddles {\n width: 150px;\n height: 100px;\n background: transparent;\n box-shadow: 0px 0px 0px transparent;\n}\n\n#morseButtonText {\n font-family: \"Roboto\", sans-serif;\n font-weight: bold;\n color: #aaa;\n font-size: 0.9rem;\n}\n\n#paddleText {\n width: 140px;\n display: flex;\n justify-content: space-around;\n}\n\n@-webkit-keyframes hideOverlay {\n 0% {\n opacity: 100%;\n }\n 100% {\n opacity: 0%;\n }\n}\n\n@keyframes hideOverlay {\n 0% {\n opacity: 100%;\n }\n 100% {\n opacity: 0%;\n }\n}\n\n#challenge-overlay {\n position: absolute;\n display: inline-block;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 50;\n background: rgba(255, 255, 255, 0.75);\n display: flex;\n justify-content: center;\n}\n\n#challenge-overlay.fade {\n -webkit-animation: hideOverlay 1s ease-out forwards;\n animation: hideOverlay 1s ease-out forwards;\n}\n\n#challenge-overlay.hide {\n z-index: -100;\n}\n\n#challenge-overlay #challengeReady, #challenge-overlay #challengeComplete {\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n width: 45%;\n max-width: 600px;\n padding: 1.7em;\n height: 35%;\n background: #eee;\n margin-top: 10rem;\n border-radius: 5px;\n box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);\n border: 3px solid #666;\n}\n\n#challenge-overlay #challengeReady #notify-title, #challenge-overlay #challengeComplete #notify-title {\n font-size: 2.5em;\n font-weight: bold;\n}\n\n#challenge-overlay #challengeReady #message, #challenge-overlay #challengeComplete #message {\n display: inline-block;\n text-align: center;\n font-size: 1.7em;\n}\n\n#challenge-overlay #challengeReady #count, #challenge-overlay #challengeComplete #count {\n font-size: 4.5em;\n font-weight: bold;\n}\n\n#challenge-overlay #challengeReady.starting, #challenge-overlay #challengeComplete.starting {\n justify-content: center;\n}\n\n#challenge-overlay #challengeReady button, #challenge-overlay #challengeComplete button {\n background: #eee;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n border-radius: 3px;\n border: 0px;\n padding: 0.3em;\n margin-left: 10px;\n margin-right: 10px;\n font-size: 0.75em;\n color: #333;\n}\n\n#challenge-overlay #challengeReady button#startChallenge, #challenge-overlay #challengeReady button#continue, #challenge-overlay #challengeComplete button#startChallenge, #challenge-overlay #challengeComplete button#continue {\n width: 100%;\n font-size: 1.7em;\n font-weight: bold;\n padding: 0.3em;\n background: #666;\n color: gold;\n text-transform: uppercase;\n letter-spacing: 0.3rem;\n}\n\n#challenge-overlay #challengeReady button#startChallenge:active, #challenge-overlay #challengeReady button#continue:active, #challenge-overlay #challengeComplete button#startChallenge:active, #challenge-overlay #challengeComplete button#continue:active {\n -webkit-transform: translateY(3px);\n transform: translateY(3px);\n box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);\n}\n\n#challenge-overlay #challengeReady button.selected, #challenge-overlay #challengeComplete button.selected {\n box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.3), inset 0px -1px 1px white;\n}\n\n#challenge-overlay #challengeReady #challengeOptions, #challenge-overlay #challengeComplete #challengeOptions {\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n\n#challenge-overlay #challengeReady #challengeOptions .mode-picker, #challenge-overlay #challengeComplete #challengeOptions .mode-picker {\n width: 90%;\n display: flex;\n align-content: center;\n justify-content: flex-start;\n}\n\n#challenge-overlay #challengeReady #challengeOptions .mode-picker div, #challenge-overlay #challengeComplete #challengeOptions .mode-picker div {\n padding: 5px;\n height: 2.4em;\n}\n\n#challenge-overlay #challengeReady #challengeOptions .mode-picker div#title, #challenge-overlay #challengeComplete #challengeOptions .mode-picker div#title {\n font-weight: bold;\n font-size: 1.4em;\n height: 100%;\n display: flex;\n padding-left: 0px;\n justify-content: flex-start;\n align-items: center;\n}\n\n#challenge-overlay #challengeReady #challengeOptions .mode-picker div#buttons, #challenge-overlay #challengeComplete #challengeOptions .mode-picker div#buttons {\n display: flex;\n justify-content: space-between;\n align-items: center;\n height: 100%;\n}\n\n#challenge-overlay #challengeReady #challengeOptions .mode-picker div#buttons button, #challenge-overlay #challengeComplete #challengeOptions .mode-picker div#buttons button {\n font-size: 1rem;\n}\n\n#challenge-overlay #challengeReady #challengeOptions .mode-picker div#info, #challenge-overlay #challengeComplete #challengeOptions .mode-picker div#info {\n display: flex;\n align-items: center;\n font-size: 1.2em;\n height: 100%;\n}\n\n#challenge-overlay #challengeReady #challengeOptions .mode-picker div#input, #challenge-overlay #challengeComplete #challengeOptions .mode-picker div#input {\n margin-left: 10px;\n margin-top: 0.25em;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n#challenge-overlay #challengeReady #challengeOptions .mode-picker div#input select, #challenge-overlay #challengeComplete #challengeOptions .mode-picker div#input select {\n height: auto;\n font-size: 1rem;\n}\n\n#challenge-header {\n width: 100%;\n padding: 1em;\n display: flex;\n justify-content: space-between;\n}\n\n#challenge-header #gameClock {\n font-size: 1.3em;\n}\n\n#challenge-header #challengeControls button {\n border: 0px;\n border-radius: 5px;\n padding: 0.3em;\n font-size: 1.2em;\n color: #555;\n}\n\n#challenge-header #challengeControls button:hover {\n color: maroon;\n}\n\n#challengeWord {\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: center;\n height: 5rem;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n padding-left: 10px;\n padding-right: 10px;\n margin-bottom: 10px;\n margin-top: 25px;\n border-radius: 3px;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n font-size: 4rem;\n font-family: \"Courier Prime\", Courier, monospace;\n font-weight: bold;\n background: #fdfdfd;\n text-transform: uppercase;\n -webkit-transition: all 100ms ease-in-out;\n transition: all 100ms ease-in-out;\n}\n\n#challengeWord .cLetter {\n padding: 4px;\n margin: 1px;\n display: inline-flex;\n align-items: center;\n line-height: 3rem;\n display: inline-block;\n padding-top: 10px;\n background: transparent;\n -webkit-transition: background 100ms ease-in-out;\n transition: background 100ms ease-in-out;\n}\n\n#challengeWord .cLetter.correct {\n background: #5ae65a;\n border-radius: 3px;\n}\n\n#challengeWord.correct {\n background: #5ae65a;\n}\n\n#morseBufferDisplay {\n display: flex;\n justify-content: center;\n flex-direction: column-reverse;\n align-items: center;\n width: 100%;\n height: 180px;\n margin-bottom: 20px;\n font-family: \"Courier Prime\", Courier, monospace;\n position: relative;\n}\n\n#morseBufferDisplay #overlay {\n box-shadow: inset 20px 0px 20px -5px whitesmoke;\n position: absolute;\n display: inline-block;\n top: 20px;\n left: calc(50% - 37.5%);\n width: 600px;\n height: 5rem;\n z-index: 40;\n}\n\n#morseBufferDisplay #alphanumeric-container {\n text-align: center;\n max-width: 75%;\n display: inline-block;\n overflow: hidden;\n padding-top: 10px;\n}\n\n#morseBufferDisplay #alphanumeric-container #alphanumeric {\n height: 5rem;\n padding-top: 0.45rem;\n font-size: 4rem;\n margin-bottom: 10px;\n border-radius: 3px;\n float: right;\n}\n\n#morseBufferDisplay #ditDahs-container {\n text-align: center;\n max-width: 70vw;\n display: inline-block;\n overflow: hidden;\n}\n\n#morseBufferDisplay #ditDahs-container #ditDahs {\n height: 50px;\n padding-right: 5px;\n display: flex;\n flex-direction: row;\n justify-content: center;\n font-size: 3rem;\n font-family: \"Courier\", monospace;\n float: right;\n}\n\n#morseBufferDisplay #ditDahs-container #ditDahs .ditDah {\n background: #fdfdfd;\n height: 40px;\n width: 30px !important;\n margin-left: 3px;\n border-radius: 3px;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n display: flex;\n justify-content: center;\n align-items: center;\n -webkit-transition: all 100ms ease-in-out;\n transition: all 100ms ease-in-out;\n}\n\n#challengeBufferDisplay {\n display: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n width: 100%;\n font-family: \"Courier Prime\", Courier, monospace;\n font-weight: bold;\n}\n\n#challengeBufferDisplay #ditDahs {\n max-width: 95%;\n height: 60px;\n padding-right: 5px;\n padding-top: 10px;\n margin-bottom: 10px;\n display: inline-flex;\n overflow: hidden;\n flex-direction: row;\n justify-content: center;\n font-size: 3rem;\n font-family: \"Courier\", monospace;\n text-align: center;\n}\n\n#challengeBufferDisplay #ditDahs span {\n float: right;\n padding: 5px;\n -webkit-transition: background 100ms ease-in-out;\n transition: background 100ms ease-in-out;\n background: #fdfdfd;\n height: 40px;\n margin-left: 3px;\n border-radius: 3px;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n display: flex;\n justify-content: center;\n align-items: center;\n -webkit-transition: all 100ms ease-in-out;\n transition: all 100ms ease-in-out;\n}\n\n.space {\n font-size: 20px;\n}\n\n#morse-history {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-end;\n width: 80%;\n max-width: 500px;\n margin-top: 3em;\n}\n\n#morse-history #morseHistory-textbox {\n background: #fff;\n border-radius: 5px;\n min-height: 4em;\n width: 100%;\n padding: 0.5em;\n font-family: Courier;\n font-size: 1.5rem;\n display: flex;\n align-content: flex-start;\n flex-wrap: wrap;\n overflow-y: scroll;\n}\n\n#morse-history #morseHistory-textbox span {\n margin: 5px;\n background: #fdfdfd;\n height: 1.5rem;\n padding: 4px;\n padding-top: 0px;\n padding-bottom: 0px;\n border-radius: 3px;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n}\n\n#morse-history #clear {\n width: 100%;\n display: flex;\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n justify-content: space-between;\n}\n\n#morse-history #clear #message {\n font-family: \"Roboto\", sans-serif;\n padding: 0.3em;\n font-size: 0.9em;\n color: #777;\n}\n\n#morse-history #clear #message .ditDah {\n font-family: \"Courier\", monospace;\n}\n\n#morse-history #clear button {\n background: #ededed;\n color: #666;\n font-size: 1em;\n height: 1.5em;\n border: 0px;\n padding: 0.7em;\n display: flex;\n align-items: center;\n}\n\n#morse-history #clear button:hover {\n color: maroon;\n}\n\n#morseHistory {\n border: 1px solid purple;\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 320px;\n position: relative;\n padding-top: 10px;\n}\n\n#morseHistory #overlay {\n box-shadow: inset 20px 0px 20px #eee, inset -20px 0px 20px #eee, inset 0px -100px 100px #eee;\n position: absolute;\n display: inline-block;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 100;\n}\n\n@media only screen and (max-width: 1024px) {\n #sidebar-content #info {\n padding: 1em;\n }\n #sidebar-content #playerAndLegend {\n padding: 0;\n }\n #sidebar-content #playerAndLegend #legend #legend-items button {\n width: 20%;\n }\n #mainOptions {\n flex-direction: column;\n align-items: center;\n }\n}\n\n@media only screen and (max-width: 415px) {\n html, body, #root, #main-interface {\n width: 100vw;\n overflow: hidden;\n }\n #header {\n width: 100vw;\n font-size: 1.3em;\n height: 1.5em;\n min-height: 1.5em;\n max-height: 1.5em;\n padding-left: 5px;\n }\n #header #social-links {\n margin-right: 0px;\n font-size: 1rem;\n }\n #header #social-links i {\n font-size: 1.5rem;\n padding-left: 0px;\n }\n #root #main-content {\n height: calc(100vh - 4.1em);\n }\n #root #main-content .sidebar#left {\n top: 2em;\n width: 100vw;\n min-width: 40%;\n max-width: 100vw;\n height: calc(100vh - 4.1em);\n }\n #root #main-content .sidebar#left.hide {\n left: calc(-100% + 40px);\n background: transparent;\n box-shadow: 0px 0px 0px transparent;\n z-index: 600;\n }\n #root #main-content .sidebar#left.hide #sidebar-content {\n display: none;\n }\n #root #main-content .sidebar#left #sidebar-content #info {\n padding: 1em;\n }\n #root #main-content .sidebar#left #sidebar-content #playerAndLegend {\n padding: 0px;\n }\n #root #main-content .sidebar#left #sidebar-content #playerAndLegend #legend #legend-items button {\n width: 20%;\n }\n #root #main-content #main-interface {\n max-width: 100vw;\n position: relative;\n left: 100%;\n }\n #root #main-content #main-interface.expandLeft {\n left: 0%;\n width: 100vw;\n }\n #root #main-content #main-interface #mainOptions {\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n min-height: -webkit-fit-content;\n min-height: -moz-fit-content;\n min-height: fit-content;\n width: 100vw;\n padding: 3px;\n flex-direction: column;\n align-items: center;\n z-index: 500;\n }\n #root #main-content #main-interface #mainOptions div .mode-picker {\n margin-left: 15px;\n width: 100%;\n max-width: 100vw;\n min-width: 50px;\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n }\n #root #main-content #main-interface #mainOptions div .mode-picker div {\n max-width: 100vw;\n }\n #root #main-content #main-interface #mainOptions div .mode-picker div#title {\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n font-size: 1em;\n }\n #root #main-content #main-interface #mainOptions div .mode-picker div#buttons, #root #main-content #main-interface #mainOptions div .mode-picker div#input {\n font-size: 1em;\n }\n #root #main-content #main-interface #mainOptions div .mode-picker button, #root #main-content #main-interface #mainOptions div .mode-picker #input button {\n font-size: 0.8em;\n }\n #root #main-content #main-interface #mainOptions div .mode-picker #input {\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n }\n #root #main-content #main-interface #challenge-overlay #challengeReady, #root #main-content #main-interface #challenge-overlay #challengeComplete {\n height: 60%;\n max-height: 600px;\n padding: 0px;\n width: 90%;\n }\n #root #main-content #main-interface #challenge-overlay #challengeReady #notify-title, #root #main-content #main-interface #challenge-overlay #challengeComplete #notify-title {\n font-size: 1.5em;\n }\n #root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker, #root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker {\n width: 95%;\n }\n #root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker #title, #root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker #title {\n font-size: 1em;\n }\n #root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker #info, #root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker #input, #root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker #buttons, #root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker #info, #root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker #input, #root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker #buttons {\n font-size: 1em;\n }\n #root #main-content #main-interface #challenge-overlay #challengeReady #startChallenge, #root #main-content #main-interface #challenge-overlay #challengeComplete #startChallenge {\n font-size: 1.3em;\n line-height: 2em;\n }\n #root #main-content #main-interface #morseBufferDisplay {\n justify-content: flex-end;\n margin-bottom: 0px;\n margin-top: 0px;\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n }\n #root #main-content #main-interface #morseBufferDisplay #alphanumeric-container {\n min-height: 3.5rem;\n max-height: 3.5rem;\n margin-bottom: 0px;\n padding: 0px;\n }\n #root #main-content #main-interface #morseBufferDisplay #alphanumeric-container #alphanumeric {\n min-height: 3.5rem;\n font-size: 3rem;\n }\n #root #main-content #main-interface #morseBufferDisplay #ditDahs-container {\n margin-top: 0;\n margin-bottom: 0;\n min-height: 2.3rem;\n max-height: 2.3rem;\n }\n #root #main-content #main-interface #morseBufferDisplay #ditDahs-container #ditDahs {\n min-height: 2rem;\n max-height: 2rem;\n }\n #root #main-content #main-interface #morseBufferDisplay #ditDahs-container #ditDahs .ditDah {\n height: 2rem;\n min-width: 1.7rem;\n max-width: 1.7rem;\n font-size: 2rem;\n }\n #root #main-content #main-interface #morse-history {\n margin-top: 0px;\n }\n #root #main-content #main-interface #morse-history #morseHistory-textbox {\n background: #fff;\n min-height: 2em;\n max-height: 2em;\n }\n #root #main-content #main-interface #morse-history #clear button {\n padding: 0px;\n padding-left: 3px;\n padding-right: 3px;\n }\n #root #main-content #main-interface #challenge-header {\n padding: 5px;\n }\n #root #main-content #main-interface #challenge-header #gameClock {\n font-size: 0.8em;\n }\n #root #main-content #main-interface #challenge-header #challengeControls button {\n font-size: 1em;\n }\n #root #main-content #main-interface #challengeWord {\n margin-top: 0;\n height: 4rem;\n font-size: 3rem;\n }\n #root #main-content #main-interface #challengeWord span {\n line-height: 2rem;\n }\n #root #main-content #main-interface #morseButton {\n margin-top: 0;\n }\n}\n/*# sourceMappingURL=App.css.map */\n","body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n",null,null]} \ No newline at end of file diff --git a/static/css/main.4f0d7525.chunk.css b/static/css/main.4f0d7525.chunk.css new file mode 100644 index 0000000..d18382c --- /dev/null +++ b/static/css/main.4f0d7525.chunk.css @@ -0,0 +1,2 @@ +@import url(https://fonts.googleapis.com/css?family=Courier+Prime:700|Roboto:700|Roboto&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}*{box-sizing:border-box;margin:0;padding:0;cursor:default;touch-action:manipulation}button,legend{font-family:Roboto,sans-serif}legend{font-size:x-small;font-weight:700;margin:.3em}fieldset{border:1px solid #a9a9a9;padding-bottom:.3em;margin-top:-.5em}#paddle-mode-buttons{visibility:hidden}body,html{background:#eee}#root,body,html{height:100%;width:100vw}#root{flex-direction:column}#header,#root{display:flex;align-items:center}#header{min-height:50px;width:100%;justify-content:space-between;padding-left:15px;background:#333;font-family:Roboto,sans-serif;color:#eee;z-index:1000;box-shadow:0 2px 2px rgba(0,0,0,.45);font-size:2.5em}#header #social-links,#header #title{font-weight:700;text-transform:uppercase}#header #social-links{display:flex;justify-content:space-evenly;align-items:center;font-size:1rem;color:#999;margin-right:10px}#header #social-links i{color:#ccc;padding-left:5px;padding-right:5px;font-size:2rem}#header #social-links i:hover{color:gold}#header #social-links div{height:auto}#header #social-links div img{width:40px;height:40px;opacity:.3}#header #social-links div img:hover{-webkit-animation-name:socialLinkHover;animation-name:socialLinkHover;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}#header #social-links div#twitter img{-webkit-filter:invert(90%);filter:invert(90%)}#main-content{display:flex;height:95vh;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;width:100vw;align-items:center;align-self:center;overflow-x:hidden;position:relative;left:0}#main-content .sidebar#left{background:#eee;box-shadow:3px 0 3px rgba(0,0,0,.25);font-family:Roboto,sans-serif;line-height:1.5em;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:40%;height:calc(100% - 5.1em);max-width:100%;overflow-y:scroll;position:fixed;top:50px;left:0;z-index:100;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}#main-content .sidebar#left.hide{left:calc(-40% + 40px);top:50px;overflow-y:hidden}#main-content .sidebar#left.hide #sidebar-container #sidebar-content #info{opacity:0;overflow-y:hidden}#main-content .sidebar#left.hide #sidebar-container #info-icon{top:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}#main-content .sidebar#left #sidebar-container{height:100%;width:100%}#main-content .sidebar#left #sidebar-container .navbar{font-size:1em;line-height:1em;width:100%;height:35px;display:flex;justify-content:center;text-transform:uppercase;font-weight:550}#main-content .sidebar#left #sidebar-container .navbar .nav-item{padding:10px;width:30%;height:100%;display:flex;justify-content:center;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;border-bottom:2px solid transparent}#main-content .sidebar#left #sidebar-container .navbar .nav-item:hover{background:rgba(0,0,0,.1);border-color:#999}#main-content .sidebar#left #sidebar-container .navbar .nav-item.selected{border-color:#508090}#main-content .sidebar#left #sidebar-container .navbar .nav-item#nav-play{display:none}#main-content .sidebar#left #sidebar-container #info-icon{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;top:7px;right:6px;z-index:1010;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}#main-content .sidebar#left #sidebar-container #info-icon:hover i{color:#daa520}#main-content .sidebar#left #sidebar-container #info-icon i{color:#333;font-size:1.7rem;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#main-content .sidebar#left #sidebar-container #sidebar-content{display:flex;justify-content:center;align-self:center}#main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend{padding:2em;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow-y:scroll}#main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend #legend,#main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend #playMorseInput,#main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend span#note{margin-bottom:1em}#main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend span#note{font-family:Courier,monospace;color:#555;display:inline-block;width:65%;text-align:center}#main-content .sidebar#left #sidebar-container #sidebar-content #info{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:2.5em;font-family:Roboto,sans-serif;font-size:1.2rem;line-height:1.5em;opacity:1;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}#main-content .sidebar#left #sidebar-container #sidebar-content #info h1,#main-content .sidebar#left #sidebar-container #sidebar-content #info h2{margin-bottom:.3em}#main-content .sidebar#left #sidebar-container #sidebar-content #info .bold{display:inline-block;font-size:1.15em;font-weight:700;margin-bottom:.1em}#main-content .sidebar#left #sidebar-container #sidebar-content #info p{margin-bottom:2em}#main-content .sidebar#left #sidebar-container #sidebar-content #info p span.ditdah{font-family:Courier,monospace}#main-content .sidebar#left #sidebar-container #sidebar-content #info img{width:50%;image-rendering:optimizeSpeed}#main-content .sidebar#left #sidebar-container #sidebar-content #info a:visited{color:#333}#main-content .sidebar#left #sidebar-container #sidebar-content #info a:hover,#main-content .sidebar#left #sidebar-container #sidebar-content #info i:hover{color:#daa520}#main-content .sidebar#left #sidebar-container #sidebar-content #info i{font-size:1.2rem;line-height:1rem}#main-content #main-interface{background:#f5f5f5;display:flex;flex-direction:column;align-items:center;height:100%;width:60%;position:relative;left:40%;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}#main-content #main-interface.expandLeft{left:40px;width:calc(100% - 40px)}#main-content #main-interface #mainOptions{display:flex;flex-direction:row;justify-content:flex-start;overflow-x:scroll;width:100%;padding:10px;background:rgba(112,128,144,.3);box-shadow:inset 0 -2px 2px rgba(0,0,0,.1);font-family:Roboto,sans-serif;z-index:500}#main-content #main-interface #mainOptions #options-left,#main-content #main-interface #mainOptions #options-right{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#main-content #main-interface #mainOptions #options-left .mode-picker,#main-content #main-interface #mainOptions #options-right .mode-picker{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;align-content:flex-start;justify-content:flex-start}#main-content #main-interface #mainOptions #options-left .mode-picker div,#main-content #main-interface #mainOptions #options-right .mode-picker div{display:flex;justify-content:center;align-items:center;padding:3px;height:100%;margin-bottom:5px}#main-content #main-interface #mainOptions #options-left .mode-picker #title,#main-content #main-interface #mainOptions #options-right .mode-picker #title{justify-content:flex-end;width:10em;font-weight:700;font-size:1.15em}#main-content #main-interface #mainOptions #options-left .mode-picker #title span#range,#main-content #main-interface #mainOptions #options-right .mode-picker #title span#range{display:inline-block;padding-left:5px;font-size:.8em}#main-content #main-interface #mainOptions #options-left .mode-picker #buttons,#main-content #main-interface #mainOptions #options-right .mode-picker #buttons{justify-content:space-evenly}#main-content #main-interface #mainOptions #options-left .mode-picker #input input,#main-content #main-interface #mainOptions #options-right .mode-picker #input input{width:50px;height:1.5rem;border:1px solid #ddd;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-align:center;border-radius:3px;font-size:.8rem}#main-content #main-interface #mainOptions #options-left .mode-picker #input select,#main-content #main-interface #mainOptions #options-right .mode-picker #input select{height:1.4rem}#main-content #main-interface #mainOptions #options-left .mode-picker #input button,#main-content #main-interface #mainOptions #options-right .mode-picker #input button{width:1.4em;height:1.4em;border-radius:3px;font-size:1em}#main-content #main-interface #mainOptions #options-left .mode-picker #input button i,#main-content #main-interface #mainOptions #options-right .mode-picker #input button i{position:relative;left:-6px;top:-2px;font-size:1.1em;font-weight:700}#main-content #main-interface #mainOptions #options-left .mode-picker button,#main-content #main-interface #mainOptions #options-right .mode-picker button{background:#eee;box-shadow:0 2px 2px rgba(0,0,0,.35),0 -1px 1px #fff;border-radius:3px;border:0;padding:.2em .5em;margin-left:10px;margin-right:10px;font-size:.9em;color:#333}#main-content #main-interface #mainOptions #options-left .mode-picker button.selected,#main-content #main-interface #mainOptions #options-right .mode-picker button.selected{box-shadow:inset 0 2px 2px rgba(0,0,0,.3),inset 0 -1px 1px #fff}#main-content #main-interface #mainOptions #options-left .mode-picker #title{width:5em}#footer{width:100%;height:2em;padding:.3em;display:flex;justify-content:center;align-items:center;background:#333;font-family:Roboto,sans-serif;font-size:1em;color:#eee;z-index:1000}#footer i{font-size:1.3em;color:#ccc}#footer i:hover{color:gold}h2{margin-bottom:.5em}i[class*=ri-]{font-weight:400;font-size:.9rem;color:#777}#playMorseInput{background:#ddd;width:400px;height:10em;padding:1em;border-radius:5px;display:flex;flex-direction:column;align-items:center;margin-bottom:45px}#playMorseInput #input{display:flex;align-items:center;width:auto}#playMorseInput #input i{font-size:1.3em;display:inline-block}#playMorseInput #input i:hover{color:#daa520}#playMorseInput #input input{padding-left:3px;border-radius:3px;border:1px solid #ddd;height:1.5rem;font-size:.9em;width:auto}#playMorseInput #morseTrans{font-size:.9em;font-family:Courier,monospace}#legend{background:#eee;display:flex;flex-direction:column;justify-content:space-evenly}#legend #legend-title{margin-left:2.2em;font-size:1.5em;font-weight:700;margin-bottom:.3em}#legend #legend-items{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:10px}#legend #legend-items .item{font-family:Courier,monospace;font-size:.85em;display:flex;align-items:center;width:15%;margin:5px;padding:.3em;border-radius:3px;background:#ddd;border:0;background:#eee;box-shadow:0 2px 2px rgba(0,0,0,.35),0 -1px 1px #fff}#legend #legend-items .item,#legend #legend-items .item span{-webkit-transition:all 50ms ease-in-out;transition:all 50ms ease-in-out}#legend #legend-items .item:active{-webkit-transform:scale(.95);transform:scale(.95);border-color:rgba(112,128,144,.6);background:#ddd}#legend #legend-items .item:active span:first-child{background:rgba(112,128,144,.6)}#legend #legend-items .item:hover{border-color:rgba(112,128,144,.6);background:#ddd}#legend #legend-items .item:hover span:first-child{background:rgba(112,128,144,.6)}#legend #legend-items .item span:first-child{display:inline-block;padding:1px;width:1.5em;background:#d6d6d6;border-radius:2px;font-size:1.5em;-webkit-transition:all 75ms ease-in-out;transition:all 75ms ease-in-out}#legend #legend-items .item span:last-child{font-weight:700;font-size:1em;display:inline-block;padding-left:5px;width:100%}#morseButton{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100px;height:100px;margin-top:30px;margin-bottom:10px;border-radius:50%;align-self:center;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 2px rgba(0,0,0,.35),0 -1px 1px #fff;-webkit-transition:width .5s ease-out,background .5s ease-out,-webkit-transform 40ms ease-out,-webkit-box-shadow 40ms ease-out;-webkit-transition:box-shadow 40ms ease-out,width .5s ease-out,background .5s ease-out,-webkit-transform 40ms ease-out;transition:box-shadow 40ms ease-out,width .5s ease-out,background .5s ease-out,-webkit-transform 40ms ease-out;transition:transform 40ms ease-out,box-shadow 40ms ease-out,width .5s ease-out,background .5s ease-out;transition:transform 40ms ease-out,box-shadow 40ms ease-out,width .5s ease-out,background .5s ease-out,-webkit-transform 40ms ease-out;background:rgba(112,138,144,.5)}#morseButton.active{-webkit-transform:translateY(3px);transform:translateY(3px);box-shadow:0 0 2px rgba(0,0,0,.3)}#morseButton button{font-size:1rem;color:transparent;width:50px;height:100px;background:rgba(112,138,144,.5);margin:0;border:0;-webkit-transition:width .5s ease-out,background .5s ease-out,color .5s ease-out,-webkit-transform 40ms ease-out,-webkit-box-shadow 40ms ease-out;-webkit-transition:box-shadow 40ms ease-out,width .5s ease-out,background .5s ease-out,color .5s ease-out,-webkit-transform 40ms ease-out;transition:box-shadow 40ms ease-out,width .5s ease-out,background .5s ease-out,color .5s ease-out,-webkit-transform 40ms ease-out;transition:transform 40ms ease-out,box-shadow 40ms ease-out,width .5s ease-out,background .5s ease-out,color .5s ease-out;transition:transform 40ms ease-out,box-shadow 40ms ease-out,width .5s ease-out,background .5s ease-out,color .5s ease-out,-webkit-transform 40ms ease-out}#morseButton button.showPaddles{color:transparent;border-radius:50px;width:50px;height:100px;box-shadow:0 2px 2px rgba(0,0,0,.35),0 -1px 1px #fff}#morseButton button#left{width:50%;border-radius:50px 0 0 50px;display:none}#morseButton button#left.showPaddles{border-radius:50px 0 0 50px;display:inline-block;margin-right:7px;border-radius:20px}#morseButton button#right{border-radius:0 50px 50px 0;width:50%;display:none}#morseButton button#right.showPaddles{border-radius:0 50px 50px 0;display:inline-block;margin-left:7px;border-radius:20px}#morseButton button.active{-webkit-transform:translateY(3px);transform:translateY(3px);box-shadow:0 0 1px rgba(0,0,0,.3)}#morseButton.showPaddles{width:150px;height:100px;background:transparent;box-shadow:0 0 0 transparent}#morseButtonText{font-family:Roboto,sans-serif;font-weight:700;color:#aaa;font-size:.9rem}#paddleText{width:140px;display:flex;justify-content:space-around}@-webkit-keyframes hideOverlay{0%{opacity:1}to{opacity:0}}@keyframes hideOverlay{0%{opacity:1}to{opacity:0}}#challenge-overlay{position:absolute;display:inline-block;top:0;left:0;width:100%;height:100%;z-index:50;background:hsla(0,0%,100%,.75);display:flex;justify-content:center}#challenge-overlay.fade{-webkit-animation:hideOverlay 1s ease-out forwards;animation:hideOverlay 1s ease-out forwards}#challenge-overlay.hide{z-index:-100}#challenge-overlay #challengeComplete,#challenge-overlay #challengeReady{position:relative;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:45%;max-width:600px;padding:1.7em;height:35%;background:#eee;margin-top:10rem;border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,.5);border:3px solid #666}#challenge-overlay #challengeComplete #notify-title,#challenge-overlay #challengeReady #notify-title{font-size:2.5em;font-weight:700}#challenge-overlay #challengeComplete #message,#challenge-overlay #challengeReady #message{display:inline-block;text-align:center;font-size:1.7em}#challenge-overlay #challengeComplete #count,#challenge-overlay #challengeReady #count{font-size:4.5em;font-weight:700}#challenge-overlay #challengeComplete.starting,#challenge-overlay #challengeReady.starting{justify-content:center}#challenge-overlay #challengeComplete button,#challenge-overlay #challengeReady button{background:#eee;box-shadow:0 2px 2px rgba(0,0,0,.35),0 -1px 1px #fff;border-radius:3px;border:0;padding:.3em;margin-left:10px;margin-right:10px;font-size:.75em;color:#333}#challenge-overlay #challengeComplete button#continue,#challenge-overlay #challengeComplete button#startChallenge,#challenge-overlay #challengeReady button#continue,#challenge-overlay #challengeReady button#startChallenge{width:100%;font-size:1.7em;font-weight:700;padding:.3em;background:#666;color:gold;text-transform:uppercase;letter-spacing:.3rem}#challenge-overlay #challengeComplete button#continue:active,#challenge-overlay #challengeComplete button#startChallenge:active,#challenge-overlay #challengeReady button#continue:active,#challenge-overlay #challengeReady button#startChallenge:active{-webkit-transform:translateY(3px);transform:translateY(3px);box-shadow:0 1px 1px rgba(0,0,0,.2)}#challenge-overlay #challengeComplete button.selected,#challenge-overlay #challengeReady button.selected{box-shadow:inset 0 2px 2px rgba(0,0,0,.3),inset 0 -1px 1px #fff}#challenge-overlay #challengeComplete #challengeOptions,#challenge-overlay #challengeReady #challengeOptions{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}#challenge-overlay #challengeComplete #challengeOptions .mode-picker,#challenge-overlay #challengeReady #challengeOptions .mode-picker{width:90%;display:flex;align-content:center;justify-content:flex-start}#challenge-overlay #challengeComplete #challengeOptions .mode-picker div,#challenge-overlay #challengeReady #challengeOptions .mode-picker div{padding:5px;height:2.4em}#challenge-overlay #challengeComplete #challengeOptions .mode-picker div#title,#challenge-overlay #challengeReady #challengeOptions .mode-picker div#title{font-weight:700;font-size:1.4em;height:100%;display:flex;padding-left:0;justify-content:flex-start;align-items:center}#challenge-overlay #challengeComplete #challengeOptions .mode-picker div#buttons,#challenge-overlay #challengeReady #challengeOptions .mode-picker div#buttons{display:flex;justify-content:space-between;align-items:center;height:100%}#challenge-overlay #challengeComplete #challengeOptions .mode-picker div#buttons button,#challenge-overlay #challengeReady #challengeOptions .mode-picker div#buttons button{font-size:1rem}#challenge-overlay #challengeComplete #challengeOptions .mode-picker div#info,#challenge-overlay #challengeReady #challengeOptions .mode-picker div#info{display:flex;align-items:center;font-size:1.2em;height:100%}#challenge-overlay #challengeComplete #challengeOptions .mode-picker div#input,#challenge-overlay #challengeReady #challengeOptions .mode-picker div#input{margin-left:10px;margin-top:.25em;display:flex;align-items:center;justify-content:center}#challenge-overlay #challengeComplete #challengeOptions .mode-picker div#input select,#challenge-overlay #challengeReady #challengeOptions .mode-picker div#input select{height:auto;font-size:1rem}#challenge-header{width:100%;padding:1em;display:flex;justify-content:space-between}#challenge-header #gameClock{font-size:1.3em}#challenge-header #challengeControls button{border:0;border-radius:5px;padding:.3em;font-size:1.2em;color:#555}#challenge-header #challengeControls button:hover{color:maroon}#challengeWord{display:flex;justify-content:center;align-items:center;align-self:center;height:5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-left:10px;padding-right:10px;margin-bottom:10px;margin-top:25px;border-radius:3px;box-shadow:0 2px 2px rgba(0,0,0,.35),0 -1px 1px #fff;font-size:4rem;font-family:Courier Prime,Courier,monospace;font-weight:700;background:#fdfdfd;text-transform:uppercase;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#challengeWord .cLetter{margin:1px;display:inline-flex;align-items:center;line-height:3rem;display:inline-block;padding:10px 4px 4px;background:transparent;-webkit-transition:background .1s ease-in-out;transition:background .1s ease-in-out}#challengeWord .cLetter.correct{background:#5ae65a;border-radius:3px}#challengeWord.correct{background:#5ae65a}#morseBufferDisplay{display:flex;justify-content:center;flex-direction:column-reverse;align-items:center;width:100%;height:180px;margin-bottom:20px;font-family:Courier Prime,Courier,monospace;position:relative}#morseBufferDisplay #overlay{box-shadow:inset 20px 0 20px -5px #f5f5f5;position:absolute;display:inline-block;top:20px;left:12.5%;width:600px;height:5rem;z-index:40}#morseBufferDisplay #alphanumeric-container{text-align:center;max-width:75%;display:inline-block;overflow:hidden;padding-top:10px}#morseBufferDisplay #alphanumeric-container #alphanumeric{height:5rem;padding-top:.45rem;font-size:4rem;margin-bottom:10px;border-radius:3px;float:right}#morseBufferDisplay #ditDahs-container{text-align:center;max-width:70vw;display:inline-block;overflow:hidden}#morseBufferDisplay #ditDahs-container #ditDahs{height:50px;padding-right:5px;display:flex;flex-direction:row;justify-content:center;font-size:3rem;font-family:Courier,monospace;float:right}#morseBufferDisplay #ditDahs-container #ditDahs .ditDah{background:#fdfdfd;height:40px;width:30px!important;margin-left:3px;border-radius:3px;box-shadow:0 2px 2px rgba(0,0,0,.35),0 -1px 1px #fff;display:flex;justify-content:center;align-items:center;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#challengeBufferDisplay{display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%;font-family:Courier Prime,Courier,monospace;font-weight:700}#challengeBufferDisplay #ditDahs{max-width:95%;height:60px;padding-right:5px;padding-top:10px;margin-bottom:10px;display:inline-flex;overflow:hidden;flex-direction:row;justify-content:center;font-size:3rem;font-family:Courier,monospace;text-align:center}#challengeBufferDisplay #ditDahs span{float:right;padding:5px;-webkit-transition:background .1s ease-in-out;transition:background .1s ease-in-out;background:#fdfdfd;height:40px;margin-left:3px;border-radius:3px;box-shadow:0 2px 2px rgba(0,0,0,.35),0 -1px 1px #fff;display:flex;justify-content:center;align-items:center;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.space{font-size:20px}#morse-history{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;width:80%;max-width:500px;margin-top:3em}#morse-history #morseHistory-textbox{background:#fff;border-radius:5px;min-height:4em;width:100%;padding:.5em;font-family:Courier;font-size:1.5rem;display:flex;align-content:flex-start;flex-wrap:wrap;overflow-y:scroll}#morse-history #morseHistory-textbox span{margin:5px;background:#fdfdfd;height:1.5rem;padding:0 4px;border-radius:3px;box-shadow:0 2px 2px rgba(0,0,0,.35),0 -1px 1px #fff}#morse-history #clear{width:100%;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between}#morse-history #clear #message{font-family:Roboto,sans-serif;padding:.3em;font-size:.9em;color:#777}#morse-history #clear #message .ditDah{font-family:Courier,monospace}#morse-history #clear button{background:#ededed;color:#666;font-size:1em;height:1.5em;border:0;padding:.7em;display:flex;align-items:center}#morse-history #clear button:hover{color:maroon}#morseHistory{border:1px solid purple;display:flex;flex-direction:column;width:100%;height:320px;position:relative;padding-top:10px}#morseHistory #overlay{box-shadow:inset 20px 0 20px #eee,inset -20px 0 20px #eee,inset 0 -100px 100px #eee;position:absolute;display:inline-block;top:0;left:0;width:100%;height:100%;z-index:100}@media only screen and (max-width:1024px){#sidebar-content #info{padding:1em}#sidebar-content #playerAndLegend{padding:0}#sidebar-content #playerAndLegend #legend #legend-items button{width:20%}#mainOptions{flex-direction:column;align-items:center}}@media only screen and (max-width:415px){#main-interface,#root,body,html{width:100vw;overflow:hidden}#header{width:100vw;font-size:1.3em;height:1.5em;min-height:1.5em;max-height:1.5em;padding-left:5px}#header #social-links{margin-right:0;font-size:1rem}#header #social-links i{font-size:1.5rem;padding-left:0}#root #main-content{height:calc(100vh - 4.1em)}#root #main-content .sidebar#left{top:2em;width:100vw;min-width:40%;max-width:100vw;height:calc(100vh - 4.1em)}#root #main-content .sidebar#left.hide{left:calc(-100% + 40px);background:transparent;box-shadow:0 0 0 transparent;z-index:600}#root #main-content .sidebar#left.hide #sidebar-content{display:none}#root #main-content .sidebar#left #sidebar-content #info{padding:1em}#root #main-content .sidebar#left #sidebar-content #playerAndLegend{padding:0}#root #main-content .sidebar#left #sidebar-content #playerAndLegend #legend #legend-items button{width:20%}#root #main-content #main-interface{max-width:100vw;position:relative;left:100%}#root #main-content #main-interface.expandLeft{left:0;width:100vw}#root #main-content #main-interface #mainOptions{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;width:100vw;padding:3px;flex-direction:column;align-items:center;z-index:500}#root #main-content #main-interface #mainOptions div .mode-picker{margin-left:15px;width:100%;max-width:100vw;min-width:50px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}#root #main-content #main-interface #mainOptions div .mode-picker div{max-width:100vw}#root #main-content #main-interface #mainOptions div .mode-picker div#title{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:1em}#root #main-content #main-interface #mainOptions div .mode-picker div#buttons,#root #main-content #main-interface #mainOptions div .mode-picker div#input{font-size:1em}#root #main-content #main-interface #mainOptions div .mode-picker #input button,#root #main-content #main-interface #mainOptions div .mode-picker button{font-size:.8em}#root #main-content #main-interface #mainOptions div .mode-picker #input{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#root #main-content #main-interface #challenge-overlay #challengeComplete,#root #main-content #main-interface #challenge-overlay #challengeReady{height:60%;max-height:600px;padding:0;width:90%}#root #main-content #main-interface #challenge-overlay #challengeComplete #notify-title,#root #main-content #main-interface #challenge-overlay #challengeReady #notify-title{font-size:1.5em}#root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker,#root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker{width:95%}#root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker #buttons,#root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker #info,#root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker #input,#root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker #title,#root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker #buttons,#root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker #info,#root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker #input,#root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker #title{font-size:1em}#root #main-content #main-interface #challenge-overlay #challengeComplete #startChallenge,#root #main-content #main-interface #challenge-overlay #challengeReady #startChallenge{font-size:1.3em;line-height:2em}#root #main-content #main-interface #morseBufferDisplay{justify-content:flex-end;margin-bottom:0;margin-top:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}#root #main-content #main-interface #morseBufferDisplay #alphanumeric-container{min-height:3.5rem;max-height:3.5rem;margin-bottom:0;padding:0}#root #main-content #main-interface #morseBufferDisplay #alphanumeric-container #alphanumeric{min-height:3.5rem;font-size:3rem}#root #main-content #main-interface #morseBufferDisplay #ditDahs-container{margin-top:0;margin-bottom:0;min-height:2.3rem;max-height:2.3rem}#root #main-content #main-interface #morseBufferDisplay #ditDahs-container #ditDahs{min-height:2rem;max-height:2rem}#root #main-content #main-interface #morseBufferDisplay #ditDahs-container #ditDahs .ditDah{height:2rem;min-width:1.7rem;max-width:1.7rem;font-size:2rem}#root #main-content #main-interface #morse-history{margin-top:0}#root #main-content #main-interface #morse-history #morseHistory-textbox{background:#fff;min-height:2em;max-height:2em}#root #main-content #main-interface #morse-history #clear button{padding:0 3px}#root #main-content #main-interface #challenge-header{padding:5px}#root #main-content #main-interface #challenge-header #gameClock{font-size:.8em}#root #main-content #main-interface #challenge-header #challengeControls button{font-size:1em}#root #main-content #main-interface #challengeWord{margin-top:0;height:4rem;font-size:3rem}#root #main-content #main-interface #challengeWord span{line-height:2rem}#root #main-content #main-interface #morseButton{margin-top:0}} +/*# sourceMappingURL=main.4f0d7525.chunk.css.map */ \ No newline at end of file diff --git a/static/css/main.4f0d7525.chunk.css.map b/static/css/main.4f0d7525.chunk.css.map new file mode 100644 index 0000000..6152bd4 --- /dev/null +++ b/static/css/main.4f0d7525.chunk.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["main.4f0d7525.chunk.css","index.css","../scss/App.scss","App.css"],"names":[],"mappings":"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CE,WACF,CACA,oEACE,SACF,CACA,iGACE,SACF,CACA,oCACE,eAAgB,CAChB,iBAAkB,CAClB,SACF,CACA,+CACE,MAAQ,CACR,WACF,CACA,iDACE,0BAA2B,CAC3B,uBAAwB,CACxB,kBAAmB,CACnB,8BAA+B,CAC/B,2BAA4B,CAC5B,sBAAuB,CACvB,WAAY,CACZ,WAAY,CAIJ,qBAAsB,CAGtB,kBAAmB,CAC3B,WACF,CACA,kEACE,gBAAiB,CACjB,UAAW,CACX,eAAgB,CAChB,cAAe,CACf,0BAA2B,CAC3B,uBAAwB,CACxB,kBACF,CACA,sEACE,eACF,CACA,4EACE,yBAA0B,CAC1B,sBAAuB,CACvB,iBAAkB,CAClB,aACF,CACA,0JACE,aACF,CACA,yJACE,cACF,CACA,yEACE,yBAA0B,CAC1B,sBAAuB,CACvB,iBACF,CACA,iJACE,UAAW,CACX,gBAAiB,CACjB,SAAY,CACZ,SACF,CACA,6KACE,eACF,CACA,mLACE,SACF,CAIA,swBACE,aACF,CACA,iLACE,eAAgB,CAChB,eACF,CACA,wDAGU,wBAAyB,CACjC,eAAkB,CAClB,YAAe,CACf,0BAA2B,CAC3B,uBAAwB,CACxB,kBACF,CACA,gFACE,iBAAkB,CAClB,iBAAkB,CAClB,eAAkB,CAClB,SACF,CACA,8FACE,iBAAkB,CAClB,cACF,CACA,2EACE,YAAa,CACb,eAAgB,CAChB,iBAAkB,CAClB,iBACF,CACA,oFACE,eAAgB,CAChB,eACF,CACA,4FACE,WAAY,CACZ,gBAAiB,CACjB,gBAAiB,CACjB,cACF,CACA,mDACE,YACF,CACA,yEACE,eAAgB,CAChB,cAAe,CACf,cACF,CACA,iEAGE,aACF,CACA,sDACE,WACF,CACA,iEACE,cACF,CACA,gFACE,aACF,CACA,mDACE,YAAa,CACb,WAAY,CACZ,cACF,CACA,wDACE,gBACF,CACA,iDACE,YACF,CACF","file":"main.4f0d7525.chunk.css","sourcesContent":["@import url(https://fonts.googleapis.com/css?family=Courier+Prime:700|Roboto:700|Roboto&display=swap);\nbody {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n\n* {\n box-sizing: border-box;\n margin: 0px;\n padding: 0px;\n cursor: default;\n touch-action: manipulation;\n}\n\nbutton {\n font-family: \"Roboto\", sans-serif;\n}\n\nlegend {\n font-family: \"Roboto\", sans-serif;\n font-size: x-small;\n font-weight: bold;\n margin: 0.3em;\n}\n\nfieldset {\n border: 1px solid darkgray;\n padding-bottom: 0.3em;\n margin-top: -0.5em;\n}\n\n#paddle-mode-buttons {\n visibility: hidden;\n}\n\nhtml, body {\n height: 100%;\n width: 100vw;\n background: #eee;\n}\n\n#root {\n width: 100vw;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n#header {\n min-height: 50px;\n min-height: 50px;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-left: 15px;\n background: #333;\n font-family: \"Roboto\", sans-serif;\n color: #eee;\n z-index: 1000;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.45);\n font-size: 2.5em;\n}\n\n#header #title {\n font-weight: bold;\n text-transform: uppercase;\n}\n\n#header #social-links {\n display: flex;\n justify-content: space-evenly;\n align-items: center;\n font-size: 1rem;\n font-weight: bold;\n text-transform: uppercase;\n color: #999;\n margin-right: 10px;\n}\n\n#header #social-links i {\n color: #ccc;\n padding-left: 5px;\n padding-right: 5px;\n font-size: 2rem;\n}\n\n#header #social-links i:hover {\n color: gold;\n}\n\n#header #social-links div {\n height: auto;\n}\n\n#header #social-links div img {\n width: 40px;\n height: 40px;\n opacity: 0.3;\n}\n\n#header #social-links div img:hover {\n -webkit-animation-name: socialLinkHover;\n animation-name: socialLinkHover;\n -webkit-animation-duration: 150ms;\n animation-duration: 150ms;\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n}\n\n#header #social-links div#twitter img {\n -webkit-filter: invert(90%);\n filter: invert(90%);\n}\n\n#main-content {\n display: flex;\n height: 95vh;\n min-width: -webkit-fit-content;\n min-width: -moz-fit-content;\n min-width: fit-content;\n width: 100vw;\n align-items: center;\n align-self: center;\n overflow-x: hidden;\n position: relative;\n left: 0px;\n}\n\n#main-content .sidebar#left {\n background: #eee;\n box-shadow: 3px 0px 3px rgba(0, 0, 0, 0.25);\n font-family: 'Roboto', sans-serif;\n line-height: 1.5em;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n width: 40%;\n height: calc(100% - 5.1em);\n max-width: 100%;\n overflow-y: scroll;\n position: fixed;\n top: 50px;\n left: 0px;\n z-index: 100;\n -webkit-transition: all 500ms ease-in-out;\n transition: all 500ms ease-in-out;\n}\n\n#main-content .sidebar#left.hide {\n left: calc(-40% + 40px);\n top: 50px;\n overflow-y: hidden;\n}\n\n#main-content .sidebar#left.hide #sidebar-container #sidebar-content #info {\n opacity: 0%;\n overflow-y: hidden;\n}\n\n#main-content .sidebar#left.hide #sidebar-container #info-icon {\n top: 0px;\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg);\n}\n\n#main-content .sidebar#left #sidebar-container {\n height: 100%;\n width: 100%;\n}\n\n#main-content .sidebar#left #sidebar-container .navbar {\n font-size: 1em;\n line-height: 1em;\n width: 100%;\n height: 35px;\n display: flex;\n justify-content: center;\n text-transform: uppercase;\n font-weight: 550;\n}\n\n#main-content .sidebar#left #sidebar-container .navbar .nav-item {\n padding: 10px;\n width: 30%;\n height: 100%;\n display: flex;\n justify-content: center;\n -webkit-transition: all 150ms ease-in-out;\n transition: all 150ms ease-in-out;\n border-bottom: 2px solid transparent;\n}\n\n#main-content .sidebar#left #sidebar-container .navbar .nav-item:hover {\n background: rgba(0, 0, 0, 0.1);\n border-color: #999;\n}\n\n#main-content .sidebar#left #sidebar-container .navbar .nav-item.selected {\n border-color: #508090;\n}\n\n#main-content .sidebar#left #sidebar-container .navbar .nav-item#nav-play {\n display: none;\n}\n\n#main-content .sidebar#left #sidebar-container #info-icon {\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n position: absolute;\n top: 7px;\n right: 6px;\n z-index: 1010;\n -webkit-transition: all 500ms ease-in-out;\n transition: all 500ms ease-in-out;\n}\n\n#main-content .sidebar#left #sidebar-container #info-icon:hover i {\n color: goldenrod;\n}\n\n#main-content .sidebar#left #sidebar-container #info-icon i {\n color: #333;\n font-size: 1.7rem;\n -webkit-transition: all 100ms ease-in-out;\n transition: all 100ms ease-in-out;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content {\n display: flex;\n justify-content: center;\n align-self: center;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend {\n padding: 2em;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n overflow-y: scroll;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend #legend, #main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend #playMorseInput, #main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend span#note {\n margin-bottom: 1em;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend span#note {\n font-family: \"Courier\", monospace;\n color: #555;\n display: inline-block;\n width: 65%;\n text-align: center;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info {\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n padding: 2.5em;\n font-family: \"Roboto\", sans-serif;\n font-size: 1.2rem;\n line-height: 1.5em;\n opacity: 1;\n -webkit-transition: all 500ms ease-in-out;\n transition: all 500ms ease-in-out;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info h1, #main-content .sidebar#left #sidebar-container #sidebar-content #info h2 {\n margin-bottom: 0.3em;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info .bold {\n display: inline-block;\n font-size: 1.15em;\n font-weight: bold;\n margin-bottom: 0.1em;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info p {\n margin-bottom: 2em;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info p span.ditdah {\n font-family: \"Courier\", monospace;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info img {\n width: 50%;\n image-rendering: optimizeSpeed;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info a:visited {\n color: #333;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info a:hover, #main-content .sidebar#left #sidebar-container #sidebar-content #info i:hover {\n color: goldenrod;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info i {\n font-size: 1.2rem;\n line-height: 1rem;\n}\n\n#main-content #main-interface {\n background: whitesmoke;\n display: flex;\n flex-direction: column;\n align-items: center;\n height: 100%;\n width: 60%;\n position: relative;\n left: 40%;\n -webkit-transition: all 500ms ease-in-out;\n transition: all 500ms ease-in-out;\n}\n\n#main-content #main-interface.expandLeft {\n left: 40px;\n width: calc(100% - 40px);\n}\n\n#main-content #main-interface #mainOptions {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n overflow-x: scroll;\n width: 100%;\n padding: 10px;\n background: rgba(112, 128, 144, 0.3);\n box-shadow: inset 0px -2px 2px rgba(0, 0, 0, 0.1);\n font-family: \"Roboto\", sans-serif;\n z-index: 500;\n}\n\n#main-content #main-interface #mainOptions #options-left, #main-content #main-interface #mainOptions #options-right {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker, #main-content #main-interface #mainOptions #options-right .mode-picker {\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n display: flex;\n align-content: flex-start;\n justify-content: flex-start;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker div, #main-content #main-interface #mainOptions #options-right .mode-picker div {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 3px;\n height: 100%;\n margin-bottom: 5px;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker #title, #main-content #main-interface #mainOptions #options-right .mode-picker #title {\n justify-content: flex-end;\n width: 10em;\n font-weight: bold;\n font-size: 1.15em;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker #title span#range, #main-content #main-interface #mainOptions #options-right .mode-picker #title span#range {\n display: inline-block;\n padding-left: 5px;\n font-size: 0.8em;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker #buttons, #main-content #main-interface #mainOptions #options-right .mode-picker #buttons {\n justify-content: space-evenly;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker #input input, #main-content #main-interface #mainOptions #options-right .mode-picker #input input {\n width: 50px;\n height: 1.5rem;\n border: 1px solid #ddd;\n -webkit-appearance: textfield;\n -moz-appearance: textfield;\n appearance: textfield;\n text-align: center;\n border-radius: 3px;\n font-size: 0.8rem;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker #input select, #main-content #main-interface #mainOptions #options-right .mode-picker #input select {\n height: 1.4rem;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker #input button, #main-content #main-interface #mainOptions #options-right .mode-picker #input button {\n width: 1.4em;\n height: 1.4em;\n border-radius: 3px;\n font-size: 1em;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker #input button i, #main-content #main-interface #mainOptions #options-right .mode-picker #input button i {\n position: relative;\n left: -6px;\n top: -2px;\n font-size: 1.1em;\n font-weight: bold;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker button, #main-content #main-interface #mainOptions #options-right .mode-picker button {\n background: #eee;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n border-radius: 3px;\n border: 0px;\n padding: 0.2em;\n padding-left: 0.5em;\n padding-right: 0.5em;\n margin-left: 10px;\n margin-right: 10px;\n font-size: 0.9em;\n color: #333;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker button.selected, #main-content #main-interface #mainOptions #options-right .mode-picker button.selected {\n box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.3), inset 0px -1px 1px white;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker #title {\n width: 5em;\n}\n\n#footer {\n width: 100%;\n height: 2em;\n padding: 0.3em;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #333;\n font-family: \"Roboto\", sans-serif;\n font-size: 1em;\n color: #eee;\n z-index: 1000;\n}\n\n#footer i {\n font-size: 1.3em;\n color: #ccc;\n}\n\n#footer i:hover {\n color: gold;\n}\n\nh2 {\n margin-bottom: 0.5em;\n}\n\ni[class*=\"ri-\"] {\n font-weight: normal;\n font-size: 0.9rem;\n color: #777;\n}\n\n#playMorseInput {\n background: #ddd;\n width: 400px;\n height: 10em;\n padding: 1em;\n border-radius: 5px;\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-bottom: 45px;\n}\n\n#playMorseInput #input {\n display: flex;\n align-items: center;\n width: auto;\n}\n\n#playMorseInput #input i {\n font-size: 1.3em;\n display: inline-block;\n}\n\n#playMorseInput #input i:hover {\n color: goldenrod;\n}\n\n#playMorseInput #input input {\n padding-left: 3px;\n border-radius: 3px;\n border: 1px solid #ddd;\n height: 1.5rem;\n font-size: 0.9em;\n width: auto;\n}\n\n#playMorseInput #morseTrans {\n font-size: 0.9em;\n font-family: \"Courier\", monospace;\n}\n\n#legend {\n background: #eee;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n}\n\n#legend #legend-title {\n margin-left: 2.2em;\n font-size: 1.5em;\n font-weight: bold;\n margin-bottom: 0.3em;\n}\n\n#legend #legend-items {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: center;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n margin-bottom: 10px;\n}\n\n#legend #legend-items .item {\n font-family: \"Courier\", monospace;\n font-size: 0.85em;\n display: flex;\n align-items: center;\n width: 15%;\n margin: 5px;\n padding: 0.3em;\n border: 1px solid #ccc;\n border-radius: 3px;\n -webkit-transition: all 50ms ease-in-out;\n transition: all 50ms ease-in-out;\n background: #ddd;\n border: 0px;\n background: #eee;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n}\n\n#legend #legend-items .item span {\n -webkit-transition: all 50ms ease-in-out;\n transition: all 50ms ease-in-out;\n}\n\n#legend #legend-items .item:active {\n -webkit-transform: scale(0.95);\n transform: scale(0.95);\n border-color: rgba(112, 128, 144, 0.6);\n background: #ddd;\n}\n\n#legend #legend-items .item:active span:first-child {\n background: rgba(112, 128, 144, 0.6);\n}\n\n#legend #legend-items .item:hover {\n border-color: rgba(112, 128, 144, 0.6);\n background: #ddd;\n}\n\n#legend #legend-items .item:hover span:first-child {\n background: rgba(112, 128, 144, 0.6);\n}\n\n#legend #legend-items .item span:first-child {\n display: inline-block;\n padding: 1px;\n width: 1.5em;\n background: #d6d6d6;\n border-radius: 2px;\n font-size: 1.5em;\n -webkit-transition: all 75ms ease-in-out;\n transition: all 75ms ease-in-out;\n}\n\n#legend #legend-items .item span:last-child {\n font-weight: bold;\n font-size: 1em;\n display: inline-block;\n padding-left: 5px;\n width: 100%;\n}\n\n#morseButton {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n width: 100px;\n height: 100px;\n margin-top: 30px;\n margin-bottom: 10px;\n border-radius: 50%;\n align-self: center;\n display: flex;\n justify-content: center;\n align-items: center;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n -webkit-transition: width 500ms ease-out, background 500ms ease-out, -webkit-transform 40ms ease-out, -webkit-box-shadow 40ms ease-out;\n -webkit-transition: box-shadow 40ms ease-out, width 500ms ease-out, background 500ms ease-out, -webkit-transform 40ms ease-out;\n transition: box-shadow 40ms ease-out, width 500ms ease-out, background 500ms ease-out, -webkit-transform 40ms ease-out;\n transition: transform 40ms ease-out, box-shadow 40ms ease-out, width 500ms ease-out, background 500ms ease-out;\n transition: transform 40ms ease-out, box-shadow 40ms ease-out, width 500ms ease-out, background 500ms ease-out, -webkit-transform 40ms ease-out;\n background: rgba(112, 138, 144, 0.5);\n}\n\n#morseButton.active {\n -webkit-transform: translateY(3px);\n transform: translateY(3px);\n box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);\n}\n\n#morseButton button {\n font-size: 1rem;\n color: transparent;\n width: 50px;\n height: 100px;\n background: rgba(112, 138, 144, 0.5);\n margin: 0px;\n border: 0px;\n -webkit-transition: width 500ms ease-out, background 500ms ease-out, color 500ms ease-out, -webkit-transform 40ms ease-out, -webkit-box-shadow 40ms ease-out;\n -webkit-transition: box-shadow 40ms ease-out, width 500ms ease-out, background 500ms ease-out, color 500ms ease-out, -webkit-transform 40ms ease-out;\n transition: box-shadow 40ms ease-out, width 500ms ease-out, background 500ms ease-out, color 500ms ease-out, -webkit-transform 40ms ease-out;\n transition: transform 40ms ease-out, box-shadow 40ms ease-out, width 500ms ease-out, background 500ms ease-out, color 500ms ease-out;\n transition: transform 40ms ease-out, box-shadow 40ms ease-out, width 500ms ease-out, background 500ms ease-out, color 500ms ease-out, -webkit-transform 40ms ease-out;\n}\n\n#morseButton button.showPaddles {\n color: transparent;\n border-radius: 50px;\n width: 50px;\n height: 100px;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n}\n\n#morseButton button#left {\n width: 50%;\n border-radius: 50px 0px 0px 50px;\n display: none;\n}\n\n#morseButton button#left.showPaddles {\n border-radius: 50px 0 0 50px;\n display: inline-block;\n margin-right: 7px;\n border-radius: 20px;\n}\n\n#morseButton button#right {\n border-radius: 0 50px 50px 0;\n width: 50%;\n display: none;\n}\n\n#morseButton button#right.showPaddles {\n border-radius: 0 50px 50px 0;\n display: inline-block;\n margin-left: 7px;\n border-radius: 20px;\n}\n\n#morseButton button.active {\n -webkit-transform: translateY(3px);\n transform: translateY(3px);\n box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);\n}\n\n#morseButton.showPaddles {\n width: 150px;\n height: 100px;\n background: transparent;\n box-shadow: 0px 0px 0px transparent;\n}\n\n#morseButtonText {\n font-family: \"Roboto\", sans-serif;\n font-weight: bold;\n color: #aaa;\n font-size: 0.9rem;\n}\n\n#paddleText {\n width: 140px;\n display: flex;\n justify-content: space-around;\n}\n\n@-webkit-keyframes hideOverlay {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0%;\n }\n}\n\n@keyframes hideOverlay {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0%;\n }\n}\n\n#challenge-overlay {\n position: absolute;\n display: inline-block;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 50;\n background: rgba(255, 255, 255, 0.75);\n display: flex;\n justify-content: center;\n}\n\n#challenge-overlay.fade {\n -webkit-animation: hideOverlay 1s ease-out forwards;\n animation: hideOverlay 1s ease-out forwards;\n}\n\n#challenge-overlay.hide {\n z-index: -100;\n}\n\n#challenge-overlay #challengeReady, #challenge-overlay #challengeComplete {\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n width: 45%;\n max-width: 600px;\n padding: 1.7em;\n height: 35%;\n background: #eee;\n margin-top: 10rem;\n border-radius: 5px;\n box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);\n border: 3px solid #666;\n}\n\n#challenge-overlay #challengeReady #notify-title, #challenge-overlay #challengeComplete #notify-title {\n font-size: 2.5em;\n font-weight: bold;\n}\n\n#challenge-overlay #challengeReady #message, #challenge-overlay #challengeComplete #message {\n display: inline-block;\n text-align: center;\n font-size: 1.7em;\n}\n\n#challenge-overlay #challengeReady #count, #challenge-overlay #challengeComplete #count {\n font-size: 4.5em;\n font-weight: bold;\n}\n\n#challenge-overlay #challengeReady.starting, #challenge-overlay #challengeComplete.starting {\n justify-content: center;\n}\n\n#challenge-overlay #challengeReady button, #challenge-overlay #challengeComplete button {\n background: #eee;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n border-radius: 3px;\n border: 0px;\n padding: 0.3em;\n margin-left: 10px;\n margin-right: 10px;\n font-size: 0.75em;\n color: #333;\n}\n\n#challenge-overlay #challengeReady button#startChallenge, #challenge-overlay #challengeReady button#continue, #challenge-overlay #challengeComplete button#startChallenge, #challenge-overlay #challengeComplete button#continue {\n width: 100%;\n font-size: 1.7em;\n font-weight: bold;\n padding: 0.3em;\n background: #666;\n color: gold;\n text-transform: uppercase;\n letter-spacing: 0.3rem;\n}\n\n#challenge-overlay #challengeReady button#startChallenge:active, #challenge-overlay #challengeReady button#continue:active, #challenge-overlay #challengeComplete button#startChallenge:active, #challenge-overlay #challengeComplete button#continue:active {\n -webkit-transform: translateY(3px);\n transform: translateY(3px);\n box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);\n}\n\n#challenge-overlay #challengeReady button.selected, #challenge-overlay #challengeComplete button.selected {\n box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.3), inset 0px -1px 1px white;\n}\n\n#challenge-overlay #challengeReady #challengeOptions, #challenge-overlay #challengeComplete #challengeOptions {\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n\n#challenge-overlay #challengeReady #challengeOptions .mode-picker, #challenge-overlay #challengeComplete #challengeOptions .mode-picker {\n width: 90%;\n display: flex;\n align-content: center;\n justify-content: flex-start;\n}\n\n#challenge-overlay #challengeReady #challengeOptions .mode-picker div, #challenge-overlay #challengeComplete #challengeOptions .mode-picker div {\n padding: 5px;\n height: 2.4em;\n}\n\n#challenge-overlay #challengeReady #challengeOptions .mode-picker div#title, #challenge-overlay #challengeComplete #challengeOptions .mode-picker div#title {\n font-weight: bold;\n font-size: 1.4em;\n height: 100%;\n display: flex;\n padding-left: 0px;\n justify-content: flex-start;\n align-items: center;\n}\n\n#challenge-overlay #challengeReady #challengeOptions .mode-picker div#buttons, #challenge-overlay #challengeComplete #challengeOptions .mode-picker div#buttons {\n display: flex;\n justify-content: space-between;\n align-items: center;\n height: 100%;\n}\n\n#challenge-overlay #challengeReady #challengeOptions .mode-picker div#buttons button, #challenge-overlay #challengeComplete #challengeOptions .mode-picker div#buttons button {\n font-size: 1rem;\n}\n\n#challenge-overlay #challengeReady #challengeOptions .mode-picker div#info, #challenge-overlay #challengeComplete #challengeOptions .mode-picker div#info {\n display: flex;\n align-items: center;\n font-size: 1.2em;\n height: 100%;\n}\n\n#challenge-overlay #challengeReady #challengeOptions .mode-picker div#input, #challenge-overlay #challengeComplete #challengeOptions .mode-picker div#input {\n margin-left: 10px;\n margin-top: 0.25em;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n#challenge-overlay #challengeReady #challengeOptions .mode-picker div#input select, #challenge-overlay #challengeComplete #challengeOptions .mode-picker div#input select {\n height: auto;\n font-size: 1rem;\n}\n\n#challenge-header {\n width: 100%;\n padding: 1em;\n display: flex;\n justify-content: space-between;\n}\n\n#challenge-header #gameClock {\n font-size: 1.3em;\n}\n\n#challenge-header #challengeControls button {\n border: 0px;\n border-radius: 5px;\n padding: 0.3em;\n font-size: 1.2em;\n color: #555;\n}\n\n#challenge-header #challengeControls button:hover {\n color: maroon;\n}\n\n#challengeWord {\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: center;\n height: 5rem;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n padding-left: 10px;\n padding-right: 10px;\n margin-bottom: 10px;\n margin-top: 25px;\n border-radius: 3px;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n font-size: 4rem;\n font-family: \"Courier Prime\", Courier, monospace;\n font-weight: bold;\n background: #fdfdfd;\n text-transform: uppercase;\n -webkit-transition: all 100ms ease-in-out;\n transition: all 100ms ease-in-out;\n}\n\n#challengeWord .cLetter {\n padding: 4px;\n margin: 1px;\n display: inline-flex;\n align-items: center;\n line-height: 3rem;\n display: inline-block;\n padding-top: 10px;\n background: transparent;\n -webkit-transition: background 100ms ease-in-out;\n transition: background 100ms ease-in-out;\n}\n\n#challengeWord .cLetter.correct {\n background: #5ae65a;\n border-radius: 3px;\n}\n\n#challengeWord.correct {\n background: #5ae65a;\n}\n\n#morseBufferDisplay {\n display: flex;\n justify-content: center;\n flex-direction: column-reverse;\n align-items: center;\n width: 100%;\n height: 180px;\n margin-bottom: 20px;\n font-family: \"Courier Prime\", Courier, monospace;\n position: relative;\n}\n\n#morseBufferDisplay #overlay {\n box-shadow: inset 20px 0px 20px -5px whitesmoke;\n position: absolute;\n display: inline-block;\n top: 20px;\n left: calc(50% - 37.5%);\n width: 600px;\n height: 5rem;\n z-index: 40;\n}\n\n#morseBufferDisplay #alphanumeric-container {\n text-align: center;\n max-width: 75%;\n display: inline-block;\n overflow: hidden;\n padding-top: 10px;\n}\n\n#morseBufferDisplay #alphanumeric-container #alphanumeric {\n height: 5rem;\n padding-top: 0.45rem;\n font-size: 4rem;\n margin-bottom: 10px;\n border-radius: 3px;\n float: right;\n}\n\n#morseBufferDisplay #ditDahs-container {\n text-align: center;\n max-width: 70vw;\n display: inline-block;\n overflow: hidden;\n}\n\n#morseBufferDisplay #ditDahs-container #ditDahs {\n height: 50px;\n padding-right: 5px;\n display: flex;\n flex-direction: row;\n justify-content: center;\n font-size: 3rem;\n font-family: \"Courier\", monospace;\n float: right;\n}\n\n#morseBufferDisplay #ditDahs-container #ditDahs .ditDah {\n background: #fdfdfd;\n height: 40px;\n width: 30px !important;\n margin-left: 3px;\n border-radius: 3px;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n display: flex;\n justify-content: center;\n align-items: center;\n -webkit-transition: all 100ms ease-in-out;\n transition: all 100ms ease-in-out;\n}\n\n#challengeBufferDisplay {\n display: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n width: 100%;\n font-family: \"Courier Prime\", Courier, monospace;\n font-weight: bold;\n}\n\n#challengeBufferDisplay #ditDahs {\n max-width: 95%;\n height: 60px;\n padding-right: 5px;\n padding-top: 10px;\n margin-bottom: 10px;\n display: inline-flex;\n overflow: hidden;\n flex-direction: row;\n justify-content: center;\n font-size: 3rem;\n font-family: \"Courier\", monospace;\n text-align: center;\n}\n\n#challengeBufferDisplay #ditDahs span {\n float: right;\n padding: 5px;\n -webkit-transition: background 100ms ease-in-out;\n transition: background 100ms ease-in-out;\n background: #fdfdfd;\n height: 40px;\n margin-left: 3px;\n border-radius: 3px;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n display: flex;\n justify-content: center;\n align-items: center;\n -webkit-transition: all 100ms ease-in-out;\n transition: all 100ms ease-in-out;\n}\n\n.space {\n font-size: 20px;\n}\n\n#morse-history {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-end;\n width: 80%;\n max-width: 500px;\n margin-top: 3em;\n}\n\n#morse-history #morseHistory-textbox {\n background: #fff;\n border-radius: 5px;\n min-height: 4em;\n width: 100%;\n padding: 0.5em;\n font-family: Courier;\n font-size: 1.5rem;\n display: flex;\n align-content: flex-start;\n flex-wrap: wrap;\n overflow-y: scroll;\n}\n\n#morse-history #morseHistory-textbox span {\n margin: 5px;\n background: #fdfdfd;\n height: 1.5rem;\n padding: 4px;\n padding-top: 0px;\n padding-bottom: 0px;\n border-radius: 3px;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n}\n\n#morse-history #clear {\n width: 100%;\n display: flex;\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n justify-content: space-between;\n}\n\n#morse-history #clear #message {\n font-family: \"Roboto\", sans-serif;\n padding: 0.3em;\n font-size: 0.9em;\n color: #777;\n}\n\n#morse-history #clear #message .ditDah {\n font-family: \"Courier\", monospace;\n}\n\n#morse-history #clear button {\n background: #ededed;\n color: #666;\n font-size: 1em;\n height: 1.5em;\n border: 0px;\n padding: 0.7em;\n display: flex;\n align-items: center;\n}\n\n#morse-history #clear button:hover {\n color: maroon;\n}\n\n#morseHistory {\n border: 1px solid purple;\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 320px;\n position: relative;\n padding-top: 10px;\n}\n\n#morseHistory #overlay {\n box-shadow: inset 20px 0px 20px #eee, inset -20px 0px 20px #eee, inset 0px -100px 100px #eee;\n position: absolute;\n display: inline-block;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 100;\n}\n\n@media only screen and (max-width: 1024px) {\n #sidebar-content #info {\n padding: 1em;\n }\n #sidebar-content #playerAndLegend {\n padding: 0;\n }\n #sidebar-content #playerAndLegend #legend #legend-items button {\n width: 20%;\n }\n #mainOptions {\n flex-direction: column;\n align-items: center;\n }\n}\n\n@media only screen and (max-width: 415px) {\n html, body, #root, #main-interface {\n width: 100vw;\n overflow: hidden;\n }\n #header {\n width: 100vw;\n font-size: 1.3em;\n height: 1.5em;\n min-height: 1.5em;\n max-height: 1.5em;\n padding-left: 5px;\n }\n #header #social-links {\n margin-right: 0px;\n font-size: 1rem;\n }\n #header #social-links i {\n font-size: 1.5rem;\n padding-left: 0px;\n }\n #root #main-content {\n height: calc(100vh - 4.1em);\n }\n #root #main-content .sidebar#left {\n top: 2em;\n width: 100vw;\n min-width: 40%;\n max-width: 100vw;\n height: calc(100vh - 4.1em);\n }\n #root #main-content .sidebar#left.hide {\n left: calc(-100% + 40px);\n background: transparent;\n box-shadow: 0px 0px 0px transparent;\n z-index: 600;\n }\n #root #main-content .sidebar#left.hide #sidebar-content {\n display: none;\n }\n #root #main-content .sidebar#left #sidebar-content #info {\n padding: 1em;\n }\n #root #main-content .sidebar#left #sidebar-content #playerAndLegend {\n padding: 0px;\n }\n #root #main-content .sidebar#left #sidebar-content #playerAndLegend #legend #legend-items button {\n width: 20%;\n }\n #root #main-content #main-interface {\n max-width: 100vw;\n position: relative;\n left: 100%;\n }\n #root #main-content #main-interface.expandLeft {\n left: 0%;\n width: 100vw;\n }\n #root #main-content #main-interface #mainOptions {\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n min-height: -webkit-fit-content;\n min-height: -moz-fit-content;\n min-height: fit-content;\n width: 100vw;\n padding: 3px;\n flex-direction: column;\n align-items: center;\n z-index: 500;\n }\n #root #main-content #main-interface #mainOptions div .mode-picker {\n margin-left: 15px;\n width: 100%;\n max-width: 100vw;\n min-width: 50px;\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n }\n #root #main-content #main-interface #mainOptions div .mode-picker div {\n max-width: 100vw;\n }\n #root #main-content #main-interface #mainOptions div .mode-picker div#title {\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n font-size: 1em;\n }\n #root #main-content #main-interface #mainOptions div .mode-picker div#buttons, #root #main-content #main-interface #mainOptions div .mode-picker div#input {\n font-size: 1em;\n }\n #root #main-content #main-interface #mainOptions div .mode-picker button, #root #main-content #main-interface #mainOptions div .mode-picker #input button {\n font-size: 0.8em;\n }\n #root #main-content #main-interface #mainOptions div .mode-picker #input {\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n }\n #root #main-content #main-interface #challenge-overlay #challengeReady, #root #main-content #main-interface #challenge-overlay #challengeComplete {\n height: 60%;\n max-height: 600px;\n padding: 0px;\n width: 90%;\n }\n #root #main-content #main-interface #challenge-overlay #challengeReady #notify-title, #root #main-content #main-interface #challenge-overlay #challengeComplete #notify-title {\n font-size: 1.5em;\n }\n #root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker, #root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker {\n width: 95%;\n }\n #root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker #title, #root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker #title {\n font-size: 1em;\n }\n #root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker #info, #root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker #input, #root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker #buttons, #root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker #info, #root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker #input, #root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker #buttons {\n font-size: 1em;\n }\n #root #main-content #main-interface #challenge-overlay #challengeReady #startChallenge, #root #main-content #main-interface #challenge-overlay #challengeComplete #startChallenge {\n font-size: 1.3em;\n line-height: 2em;\n }\n #root #main-content #main-interface #morseBufferDisplay {\n justify-content: flex-end;\n margin-bottom: 0px;\n margin-top: 0px;\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n }\n #root #main-content #main-interface #morseBufferDisplay #alphanumeric-container {\n min-height: 3.5rem;\n max-height: 3.5rem;\n margin-bottom: 0px;\n padding: 0px;\n }\n #root #main-content #main-interface #morseBufferDisplay #alphanumeric-container #alphanumeric {\n min-height: 3.5rem;\n font-size: 3rem;\n }\n #root #main-content #main-interface #morseBufferDisplay #ditDahs-container {\n margin-top: 0;\n margin-bottom: 0;\n min-height: 2.3rem;\n max-height: 2.3rem;\n }\n #root #main-content #main-interface #morseBufferDisplay #ditDahs-container #ditDahs {\n min-height: 2rem;\n max-height: 2rem;\n }\n #root #main-content #main-interface #morseBufferDisplay #ditDahs-container #ditDahs .ditDah {\n height: 2rem;\n min-width: 1.7rem;\n max-width: 1.7rem;\n font-size: 2rem;\n }\n #root #main-content #main-interface #morse-history {\n margin-top: 0px;\n }\n #root #main-content #main-interface #morse-history #morseHistory-textbox {\n background: #fff;\n min-height: 2em;\n max-height: 2em;\n }\n #root #main-content #main-interface #morse-history #clear button {\n padding: 0px;\n padding-left: 3px;\n padding-right: 3px;\n }\n #root #main-content #main-interface #challenge-header {\n padding: 5px;\n }\n #root #main-content #main-interface #challenge-header #gameClock {\n font-size: 0.8em;\n }\n #root #main-content #main-interface #challenge-header #challengeControls button {\n font-size: 1em;\n }\n #root #main-content #main-interface #challengeWord {\n margin-top: 0;\n height: 4rem;\n font-size: 3rem;\n }\n #root #main-content #main-interface #challengeWord span {\n line-height: 2rem;\n }\n #root #main-content #main-interface #morseButton {\n margin-top: 0;\n }\n}\n/*# sourceMappingURL=App.css.map */\n","body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n",null,null]} \ No newline at end of file