genemecija/learn-morse-code
1
0
Fork 0
mirror of https://github.com/genemecija/learn-morse-code.git synced 2026-01-13 12:09:59 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity
learn-morse-code/static/css/main.4f0d7525.chunk.css.map
Gene Mecija 189c8aa0fe Updates
2022-08-08 10:51:08 -07:00

1 line
47 KiB
Plaintext
Raw Permalink Blame History

{"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]}
Reference in a new issue View git blame Copy permalink