/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}::selection{background:transparent}::-moz-selection{background:transparent}body{-webkit-tap-highlight-color:transparent}img::selection{background:transparent}img::-moz-selection{background:transparent}body{background-color:#520567;font-size:14px;line-height:1.6;font-family:'Ubuntu', sans-serif;color:white;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}li{list-style:none}br{display:block;height:3px}section#level-board{background-color:#2B2D2E;height:60px;text-align:center;color:#E186F9;font-size:20px;line-height:normal;display:flex;justify-content:center;align-items:center}section#visual{height:27vh;margin:10px 0;position:relative}section#visual .settings{position:absolute;left:5px}section#visual .settings .settings-icon{appearance:none;-webkit-appearance:none;position:relative;background-color:#CCAD00;margin:0px 0;width:40px;height:40px;border-radius:100%;border:none;outline:none;bottom:-4px;z-index:3}section#visual .settings .settings-icon::before{font-size:35px;position:absolute;content:"\f013";color:rgba(225,225,225,0.7);font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:none;display:block;margin:0 auto;width:100%;text-align:center;box-sizing:border-box;border-radius:inherit;cursor:pointer;top:2px}@-moz-document url-prefix(){section#visual .settings .settings-icon::before{top:-1px}}section#visual .settings .settings-icon:not(checked){transform:rotateZ(-90deg);transition:all 0.7s cubic-bezier(0.9, 0, 0.33, 1)}section#visual .settings .settings-icon:checked{transform:rotateZ(0);transition:all 0.7s cubic-bezier(0.9, 0, 0.33, 1)}section#visual .settings .settings-icon:not(checked)+.audio-controls{height:0px;width:0px;padding:0;transition:all 0.7s cubic-bezier(0.9, 0, 0.33, 1);transform:rotateZ(-90deg)}section#visual .settings .settings-icon:checked+.audio-controls{width:330px;height:100px;padding:1em;transition:all 0.7s cubic-bezier(0.9, 0, 0.33, 1);transform:rotateZ(0)}section#visual .settings .audio-controls{z-index:0;transform-origin:left top;background-color:white;color:black;border-radius:5px;box-shadow:2px 2px 2px 2px rgba(0,0,0,0.4);position:relative;top:-24px;left:16px;overflow:hidden;white-space:nowrap}section#visual .settings .audio-controls .audio-form #noise-control,section#visual .settings .audio-controls .audio-form #WPM-control{position:relative;top:7px}section#visual .settings .audio-controls .audio-form #noise-switch{height:40px;width:40px;border-radius:55px;box-shadow:0 0 5px 2px rgba(0,0,0,0.2);border:2px solid rgba(0,0,0,0.1)}section#visual .settings .audio-controls .audio-form #noise-switch svg{height:20px;width:35px}section#visual .settings .audio-controls .audio-form #noise-switch[data-state="on"]{background-color:#ffd800}section#visual .settings .audio-controls .audio-form #noise-switch[data-state="off"]{background-color:#979797}section#visual .visual{display:flex;justify-content:center;align-items:center;height:27vh}section#visual .visual .visual-box{height:27vh;width:27vh;background-color:#c299fc61;border-radius:3%;display:flex;justify-content:center;align-items:center}section#visual .visual .visual-box pre{font-family:"Ubuntu", sans-serif;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;text-align:center;font-size:20px;text-transform:uppercase}section#love-msg{height:30px;text-align:center}section#love-msg>h3{position:relative;z-index:-100}@media (max-height: 549px){section#love-msg>h3{visibility:hidden}}@media (max-width: 920px){.hamburger{display:block}.main-menu{flex-direction:column;position:absolute;top:0;left:0;box-shadow:3px 0 5px rgba(0,0,0,0.6);background-color:rgba(82,5,103,0.9);height:100vh;width:50%;transform:translateX(-500px);transition:transform 0.5s ease-in-out}.main-menu a{padding-left:15px;border-bottom-style:solid;border-bottom:medium}.show{transform:translateX(-20px)}}#navbar{background-color:#430599;height:16vh;min-height:70px;display:flex;justify-content:center;align-items:center}#navbar .navbar{display:flex;justify-content:center;align-items:center;flex-direction:row;justify-content:space-between;box-shadow:0 1px 4px 0 rgba(0,0,0,0.2);padding:0 10px}#navbar .navbar .logo-div{display:flex;justify-content:center;align-items:center;line-height:0px}#navbar .navbar .logo-box{height:60px;width:60px;background-color:#005040;border-radius:50%;margin:10px 10px 10px 0;display:flex;justify-content:center;align-items:center}#navbar .navbar .logo{width:60px}#navbar .navbar .main-menu{display:flex;z-index:100}#navbar .navbar li{padding:4vh 20px;border-radius:4%}#navbar .navbar li:hover{background-color:#005040;transition:background-color 0.5s ease}#navbar .navbar li::after{content:"";display:block;height:3px;width:0}#navbar .navbar li:hover::after{width:100%;background-color:#f3f3f3;transition:width 0.5s}#navbar .navbar a{color:#f3f3f3;text-decoration:none;font-size:20px}#navbar .navbar hr{display:none;color:#f3f3f3;width:90%;text-align:center}@media (max-width: 920px){#navbar .navbar hr{display:block}#navbar .navbar li{width:91.6%;padding:20px}}.container{width:90%;max-width:1100px;margin:auto}#keyboard{height:36vh;background-color:#430599}#keyboard .keyboard-div{height:100%;text-align:center;background:#004445}#keyboard .keyboard-div .keyboard{border-radius:1%;background:#004445;user-select:none;text-align:center;padding:1px}#keyboard .keyboard-div .keyboard .keyboard__key{width:9.2%;max-width:75px;margin:1px;margin-bottom:2px;border-radius:4px;border:none;background:rgba(225,225,225,0.1);color:white;font-size:1.05rem;outline:none;cursor:pointer}@media (max-width: 318px){#keyboard .keyboard-div .keyboard .keyboard__key{min-width:28.5px}}#keyboard .keyboard-div .keyboard .keyboard__key .answer{color:white;font-size:10px;visibility:visible}@media (min-width: 595px){#keyboard .keyboard-div .keyboard .keyboard__key .answer{font-family:'Asset', cursive;font-size:8px}}#keyboard .keyboard-div .keyboard .keyboard__key .hidden{visibility:hidden}.hamburger{background-color:#520567;padding:4px 7px;border-radius:20%;border-style:none;color:#f3f3f3;display:none}@media (max-width: 920px){.hamburger{display:block}}.fa-arrow-right,.fa-arrow-left{color:white;border-style:none}.visual-button{background-color:#CCAD00;margin:0px 15px;width:50px;height:50px;border-radius:100%;outline:none;border-style:none}.modal-buttons{padding-top:4px}.play{position:relative}.play::after{content:"Play and observe the Morse Code and select its key.";display:block;position:absolute;background-color:rgba(0,0,0,0.8);width:193px;transform:translate(-91%, 41%) rotateZ(-5deg);border-radius:15px 0 15px 15px}.hide-tooltip::after{display:none}.level-button{background-color:#430599;margin:0px 20px;width:50px;height:50px;border-radius:100%;outline:none;border-style:none}.fa-window-close-button{position:absolute;right:30px;top:30px;width:33px;height:33px;background-color:#ff00d4;border-style:none}.progress-bar{width:0;max-width:100%;height:4px;background-color:#4CAF50}.greetings{display:flex;justify-content:center;align-items:center;transform:translate3d(0, 0, 0) translateY(-75vh);transition:transform 0.3s ease-in-out}.greetings .greeting-box{padding:30px;padding-top:60px;position:absolute;top:30%;z-index:100;height:300px;width:70%;background-color:#ff00d4;border-radius:5px;box-shadow:1px 10px 100px #ff00d4}.greetings .greeting-box p{display:block;text-align:center;margin-top:10px;font-size:40px;font-weight:900;color:#520567}.greetings .greeting-box .greeting-buttons{display:flex;justify-content:center;margin-top:10px}.close{transition:transform 0.3s ease-in-out;transform:translate3d(-130vw, -130vh, 0) translateY(0)}
/*# sourceMappingURL=app.min.css.map */