@import url(https://fonts.loli.net/css?family=Courier+Prime:700|Roboto:700|Roboto&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;cursor:default;margin:0;padding:0;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;margin-top:-.5em;padding-bottom:.3em}#paddle-mode-buttons{visibility:hidden}body,html{background:#eee}#root,body,html{height:100%;width:100vw}#root{flex-direction:column}#header,#root{align-items:center;display:flex}#header{background:#333;box-shadow:0 2px 2px #00000073;color:#eee;font-family:Roboto,sans-serif;font-size:1.5em;justify-content:space-between;min-height:50px;padding-left:15px;width:100%;z-index:1000}#header #social-links,#header #title{font-weight:700;text-transform:uppercase}#header #social-links{align-items:center;color:#999;display:flex;font-size:1rem;justify-content:space-evenly;margin-right:10px}#header #social-links i{color:#ccc;font-size:2rem;padding-left:5px;padding-right:5px}#header #social-links i:hover{color:gold}#header #social-links div{height:auto}#header #social-links div img{height:40px;opacity:.3;width:40px}#header #social-links div img:hover{animation-duration:.15s;animation-fill-mode:forwards;animation-name:socialLinkHover;animation-timing-function:ease-in-out}#header #social-links div#twitter img{filter:invert(90%)}#main-content{align-items:center;align-self:center;display:flex;height:95vh;left:0;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;overflow-x:hidden;position:relative;width:100vw}#main-content .sidebar#left{align-items:center;background:#eee;box-shadow:3px 0 3px #00000040;display:flex;flex-direction:column;font-family:Roboto,sans-serif;height:calc(100% - 5.1em);justify-content:space-evenly;left:0;line-height:1.5em;max-width:100%;overflow-y:scroll;position:fixed;top:50px;transition:all .5s ease-in-out;width:40%;z-index:100}#main-content .sidebar#left.hide{left:calc(-40% + 40px);overflow-y:hidden;top:50px}#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;transform:rotate(180deg)}#main-content .sidebar#left #sidebar-container{height:100%;width:100%}#main-content .sidebar#left #sidebar-container .navbar{display:flex;font-size:1em;font-weight:550;height:35px;justify-content:center;line-height:1em;text-transform:uppercase;width:100%}#main-content .sidebar#left #sidebar-container .navbar .nav-item{border-bottom:2px solid #0000;display:flex;height:100%;justify-content:center;padding:10px;transition:all .15s ease-in-out;width:30%}#main-content .sidebar#left #sidebar-container .navbar .nav-item:hover{background:#0000001a;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{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;right:6px;top:7px;transition:all .5s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1010}#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;transition:all .1s ease-in-out}#main-content .sidebar#left #sidebar-container #sidebar-content{align-self:center;display:flex;justify-content:center}#main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start;overflow-y:scroll;padding:2em}#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{color:#555;display:inline-block;font-family:Courier,monospace;text-align:center;width:65%}#main-content .sidebar#left #sidebar-container #sidebar-content #info{font-family:Roboto,sans-serif;font-size:1.2rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;line-height:1.5em;opacity:1;padding:2.5em;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{image-rendering:optimizeSpeed;width:50%}#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{align-items:center;background:#f5f5f5;display:flex;flex-direction:column;height:100%;left:40%;position:relative;transition:all .5s ease-in-out;width:60%}#main-content #main-interface.expandLeft{left:40px;width:calc(100% - 40px)}#main-content #main-interface #mainOptions{background:#7080904d;box-shadow:inset 0 -2px 2px #0000001a;display:flex;flex-direction:row;font-family:Roboto,sans-serif;justify-content:flex-start;overflow-x:scroll;padding:10px;width:100%;z-index:500}#main-content #main-interface #mainOptions #options-left,#main-content #main-interface #mainOptions #options-right{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;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{align-content:flex-start;display:flex;justify-content:flex-start;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#main-content #main-interface #mainOptions #options-left .mode-picker div,#main-content #main-interface #mainOptions #options-right .mode-picker div{align-items:center;display:flex;height:100%;justify-content:center;margin-bottom:5px;padding:3px}#main-content #main-interface #mainOptions #options-left .mode-picker #title,#main-content #main-interface #mainOptions #options-right .mode-picker #title{font-size:1.15em;font-weight:700;justify-content:flex-end;width:10em}#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;font-size:.8em;padding-left:5px}#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{-webkit-appearance:textfield;appearance:textfield;border:1px solid #ddd;border-radius:3px;font-size:.8rem;height:1.5rem;text-align:center;width:50px}#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{border-radius:3px;font-size:1em;height:1.4em;width:1.4em}#main-content #main-interface #mainOptions #options-left .mode-picker #input button i,#main-content #main-interface #mainOptions #options-right .mode-picker #input button i{font-size:1.1em;font-weight:700;left:-6px;position:relative;top:-2px}#main-content #main-interface #mainOptions #options-left .mode-picker button,#main-content #main-interface #mainOptions #options-right .mode-picker button{background:#eee;border:0;border-radius:3px;box-shadow:0 2px 2px #00000059,0 -1px 1px #fff;color:#333;font-size:.9em;margin-left:10px;margin-right:10px;padding:.2em .5em}#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 #0000004d,inset 0 -1px 1px #fff}#main-content #main-interface #mainOptions #options-left .mode-picker #title{width:5em}#footer{align-items:center;background:#333;color:#eee;display:flex;font-family:Roboto,sans-serif;font-size:1em;height:2em;justify-content:center;padding:.3em;width:100%;z-index:1000}#footer i{color:#ccc;font-size:1.3em}#footer i:hover{color:gold}h2{margin-bottom:.5em}i[class*=ri-]{color:#777;font-size:.9rem;font-weight:400}#playMorseInput{align-items:center;background:#ddd;border-radius:5px;display:flex;flex-direction:column;height:10em;margin-bottom:45px;padding:1em;width:400px}#playMorseInput #input{align-items:center;display:flex;width:auto}#playMorseInput #input i{display:inline-block;font-size:1.3em}#playMorseInput #input i:hover{color:#daa520}#playMorseInput #input input{border:1px solid #ddd;border-radius:3px;font-size:.9em;height:1.5rem;padding-left:3px;width:auto}#playMorseInput #morseTrans{font-family:Courier,monospace;font-size:.9em}#legend{background:#eee;display:flex;flex-direction:column;justify-content:space-evenly}#legend #legend-title{font-size:1.5em;font-weight:700;margin-bottom:.3em;margin-left:2.2em}#legend #legend-items{display:flex;flex-direction:row;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin-bottom:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#legend #legend-items .item{align-items:center;background:#ddd;background:#eee;border:0;border-radius:3px;box-shadow:0 2px 2px #00000059,0 -1px 1px #fff;display:flex;font-family:Courier,monospace;font-size:.85em;margin:5px;padding:.3em;width:15%}#legend #legend-items .item,#legend #legend-items .item span{transition:all 50ms ease-in-out}#legend #legend-items .item:active{background:#ddd;border-color:#70809099;transform:scale(.95)}#legend #legend-items .item:active span:first-child{background:#70809099}#legend #legend-items .item:hover{background:#ddd;border-color:#70809099}#legend #legend-items .item:hover span:first-child{background:#70809099}#legend #legend-items .item span:first-child{background:#d6d6d6;border-radius:2px;display:inline-block;font-size:1.5em;padding:1px;transition:all 75ms ease-in-out;width:1.5em}#legend #legend-items .item span:last-child{display:inline-block;font-size:1em;font-weight:700;padding-left:5px;width:100%}#morseButton{align-items:center;align-self:center;background:#708a9080;border-radius:50%;box-shadow:0 2px 2px #00000059,0 -1px 1px #fff;display:flex;height:100px;justify-content:center;margin-bottom:10px;margin-top:30px;transition:transform 40ms ease-out,box-shadow 40ms ease-out,width .5s ease-out,background .5s ease-out;-webkit-user-select:none;user-select:none;width:100px}#morseButton.active{box-shadow:0 0 2px #0000004d;transform:translateY(3px)}#morseButton button{background:#708a9080;border:0;color:#0000;font-size:1rem;height:100px;margin:0;transition:transform 40ms ease-out,box-shadow 40ms ease-out,width .5s ease-out,background .5s ease-out,color .5s ease-out;width:50px}#morseButton button.showPaddles{border-radius:50px;box-shadow:0 2px 2px #00000059,0 -1px 1px #fff;color:#0000;height:100px;width:50px}#morseButton button#left{border-radius:50px 0 0 50px;display:none;width:50%}#morseButton button#left.showPaddles{border-radius:50px 0 0 50px;border-radius:20px;display:inline-block;margin-right:7px}#morseButton button#right{border-radius:0 50px 50px 0;display:none;width:50%}#morseButton button#right.showPaddles{border-radius:0 50px 50px 0;border-radius:20px;display:inline-block;margin-left:7px}#morseButton button.active{box-shadow:0 0 1px #0000004d;transform:translateY(3px)}#morseButton.showPaddles{background:#0000;box-shadow:0 0 0 #0000;height:100px;width:150px}#morseButtonText{color:#aaa;font-family:Roboto,sans-serif;font-size:.9rem;font-weight:700}#paddleText{display:flex;justify-content:space-around;width:140px}@keyframes hideOverlay{0%{opacity:1}to{opacity:0}}#challenge-overlay{background:#ffffffbf;display:inline-block;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:50}#challenge-overlay.fade{animation:hideOverlay 1s ease-out forwards}#challenge-overlay.hide{z-index:-100}#challenge-overlay #challengeComplete,#challenge-overlay #challengeReady{align-items:center;background:#eee;border:3px solid #666;border-radius:5px;box-shadow:0 5px 15px #00000080;display:flex;flex-direction:column;height:65%;justify-content:space-evenly;margin-top:10rem;max-width:600px;padding:1.7em;position:relative;width:45%}#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;font-size:1.7em;text-align:center}#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;border:0;border-radius:3px;box-shadow:0 2px 2px #00000059,0 -1px 1px #fff;color:#333;font-size:.75em;margin-left:10px;margin-right:10px;padding:.3em}#challenge-overlay #challengeComplete button#continue,#challenge-overlay #challengeComplete button#startChallenge,#challenge-overlay #challengeReady button#continue,#challenge-overlay #challengeReady button#startChallenge{background:#666;color:gold;font-size:1.7em;font-weight:700;letter-spacing:.3rem;padding:.3em;text-transform:uppercase;width:100%}#challenge-overlay #challengeComplete button#continue:active,#challenge-overlay #challengeComplete button#startChallenge:active,#challenge-overlay #challengeReady button#continue:active,#challenge-overlay #challengeReady button#startChallenge:active{box-shadow:0 1px 1px #0003;transform:translateY(3px)}#challenge-overlay #challengeComplete button.selected,#challenge-overlay #challengeReady button.selected{box-shadow:inset 0 2px 2px #0000004d,inset 0 -1px 1px #fff}#challenge-overlay #challengeComplete #challengeOptions,#challenge-overlay #challengeReady #challengeOptions{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;width:100%}#challenge-overlay #challengeComplete #challengeOptions .mode-picker,#challenge-overlay #challengeReady #challengeOptions .mode-picker{align-content:center;display:flex;justify-content:flex-start;width:90%}#challenge-overlay #challengeComplete #challengeOptions .mode-picker div,#challenge-overlay #challengeReady #challengeOptions .mode-picker div{height:2.4em;padding:5px}#challenge-overlay #challengeComplete #challengeOptions .mode-picker div#title,#challenge-overlay #challengeReady #challengeOptions .mode-picker div#title{align-items:center;display:flex;font-size:1.4em;font-weight:700;height:100%;justify-content:flex-start;padding-left:0}#challenge-overlay #challengeComplete #challengeOptions .mode-picker div#buttons,#challenge-overlay #challengeReady #challengeOptions .mode-picker div#buttons{align-items:center;display:flex;height:100%;justify-content:space-between}#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{align-items:center;display:flex;font-size:1.2em;height:100%}#challenge-overlay #challengeComplete #challengeOptions .mode-picker div#input,#challenge-overlay #challengeReady #challengeOptions .mode-picker div#input{align-items:center;display:flex;justify-content:center;margin-left:10px;margin-top:.25em}#challenge-overlay #challengeComplete #challengeOptions .mode-picker div#input select,#challenge-overlay #challengeReady #challengeOptions .mode-picker div#input select{font-size:1rem;height:auto}#challenge-header{display:flex;justify-content:space-between;padding:1em;width:100%}#challenge-header #gameClock{font-size:1.3em}#challenge-header #challengeControls button{border:0;border-radius:5px;color:#555;font-size:1.2em;padding:.3em}#challenge-header #challengeControls button:hover{color:maroon}#challengeWord{align-items:center;align-self:center;background:#fdfdfd;border-radius:3px;box-shadow:0 2px 2px #00000059,0 -1px 1px #fff;display:flex;font-family:Courier Prime,Courier,monospace;font-size:4rem;font-weight:700;height:5rem;justify-content:center;margin-bottom:10px;margin-top:25px;padding-left:10px;padding-right:10px;text-transform:uppercase;transition:all .1s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#challengeWord .cLetter{align-items:center;background:#0000;display:inline-flex;display:inline-block;line-height:3rem;margin:1px;padding:10px 4px 4px;transition:background .1s ease-in-out}#challengeWord .cLetter.correct{background:#5ae65a;border-radius:3px}#challengeWord.correct{background:#5ae65a}#morseBufferDisplay{align-items:center;display:flex;flex-direction:column-reverse;font-family:Courier Prime,Courier,monospace;height:120px;justify-content:center;margin-bottom:20px;position:relative;width:100%}#morseBufferDisplay #overlay{box-shadow:inset 20px 0 20px -5px #f5f5f5;display:inline-block;height:5rem;left:12.5%;position:absolute;top:20px;width:600px;z-index:40}#morseBufferDisplay #alphanumeric-container{display:inline-block;max-width:75%;overflow:hidden;padding-top:10px;text-align:center}#morseBufferDisplay #alphanumeric-container #alphanumeric{border-radius:3px;float:right;font-size:4rem;height:5rem;margin-bottom:10px;padding-top:.45rem}#morseBufferDisplay #ditDahs-container{display:inline-block;max-width:70vw;overflow:hidden;text-align:center}#morseBufferDisplay #ditDahs-container #ditDahs{display:flex;flex-direction:row;float:right;font-family:Courier,monospace;font-size:3rem;height:50px;justify-content:center;padding-right:5px}#morseBufferDisplay #ditDahs-container #ditDahs .ditDah{align-items:center;background:#fdfdfd;border-radius:3px;box-shadow:0 2px 2px #00000059,0 -1px 1px #fff;display:flex;height:40px;justify-content:center;margin-left:3px;transition:all .1s ease-in-out;width:30px!important}#challengeBufferDisplay{align-items:center;display:flex;flex-direction:column;font-family:Courier Prime,Courier,monospace;font-weight:700;justify-content:center;width:100%}#challengeBufferDisplay #ditDahs{display:inline-flex;flex-direction:row;font-family:Courier,monospace;font-size:3rem;height:60px;justify-content:center;margin-bottom:10px;max-width:95%;overflow:hidden;padding-right:5px;padding-top:10px;text-align:center}#challengeBufferDisplay #ditDahs span{align-items:center;background:#fdfdfd;border-radius:3px;box-shadow:0 2px 2px #00000059,0 -1px 1px #fff;display:flex;float:right;height:40px;justify-content:center;margin-left:3px;padding:5px;transition:background .1s ease-in-out;transition:all .1s ease-in-out}.space{font-size:20px}#morse-history{align-items:flex-end;display:flex;flex-direction:column;justify-content:center;margin-top:3em;max-width:500px;width:80%}#morse-history #morseHistory-textbox{align-content:flex-start;background:#fff;border-radius:5px;display:flex;flex-wrap:wrap;font-family:Courier;font-size:1.5rem;min-height:4em;overflow-y:scroll;padding:.5em;width:100%}#morse-history #morseHistory-textbox span{background:#fdfdfd;border-radius:3px;box-shadow:0 2px 2px #00000059,0 -1px 1px #fff;height:1.5rem;margin:5px;padding:0 4px}#morse-history #clear{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;width:100%}#morse-history #clear #message{color:#777;font-family:Roboto,sans-serif;font-size:.9em;padding:.3em}#morse-history #clear #message .ditDah{font-family:Courier,monospace}#morse-history #clear button{align-items:center;background:#ededed;border:0;color:#666;display:flex;font-size:1em;height:1.5em;padding:.7em}#morse-history #clear button:hover{color:maroon}#morseHistory{border:1px solid purple;display:flex;flex-direction:column;height:320px;padding-top:10px;position:relative;width:100%}#morseHistory #overlay{box-shadow:inset 20px 0 20px #eee,inset -20px 0 20px #eee,inset 0 -100px 100px #eee;display:inline-block;height:100%;left:0;position:absolute;top:0;width: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{align-items:center;flex-direction:column}}@media only screen and (max-width:415px){#main-interface,#root,body,html{overflow:hidden;width:100vw}#header{font-size:1.3em;height:1.5em;max-height:1.5em;min-height:1.5em;padding-left:5px;width:100vw}#header #social-links{font-size:1rem;margin-right:0}#header #social-links i{font-size:1.5rem;padding-left:0}#root #main-content{height:calc(100vh - 4.1em)}#root #main-content .sidebar#left{height:calc(100vh - 4.1em);max-width:100vw;min-width:40%;top:2em;width:100vw}#root #main-content .sidebar#left.hide{background:#0000;box-shadow:0 0 0 #0000;left:calc(-100% + 40px);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{left:100%;max-width:100vw;position:relative}#root #main-content #main-interface.expandLeft{left:0;width:100vw}#root #main-content #main-interface #mainOptions{align-items:center;flex-direction:column;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;padding:3px;width:100vw;z-index:500}#root #main-content #main-interface #mainOptions div .mode-picker{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:15px;max-width:100vw;min-width:50px;width:100%}#root #main-content #main-interface #mainOptions div .mode-picker div{max-width:100vw}#root #main-content #main-interface #mainOptions div .mode-picker div#title{font-size:1em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#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{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:flex-end;margin-bottom:0;margin-top:0}#root #main-content #main-interface #morseBufferDisplay #alphanumeric-container{margin-bottom:0;max-height:3.5rem;min-height:3.5rem;padding:0}#root #main-content #main-interface #morseBufferDisplay #alphanumeric-container #alphanumeric{font-size:3rem;min-height:3.5rem}#root #main-content #main-interface #morseBufferDisplay #ditDahs-container{margin-bottom:0;margin-top:0;max-height:2.3rem;min-height:2.3rem}#root #main-content #main-interface #morseBufferDisplay #ditDahs-container #ditDahs{max-height:2rem;min-height:2rem}#root #main-content #main-interface #morseBufferDisplay #ditDahs-container #ditDahs .ditDah{font-size:2rem;height:2rem;max-width:1.7rem;min-width:1.7rem}#root #main-content #main-interface #morse-history{margin-top:0}#root #main-content #main-interface #morse-history #morseHistory-textbox{background:#fff;max-height:2em;min-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{font-size:3rem;height:4rem;margin-top:0}#root #main-content #main-interface #challengeWord span{line-height:2rem}#root #main-content #main-interface #morseButton{margin-top:0}}
/*# sourceMappingURL=main.d8166e72.css.map*/