@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}body{font-family:Arial,sans-serif;font-size:2em;text-align:center;margin-top:30px;background-color:#181818;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}body h1{font-weight:normal;color:#007aab;font-size:.8em}body .hidden{display:none !important}body #loader{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(255,255,255,0.5)}body #loader #loading-spinner{width:35px;margin:200px auto 20px auto;-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}body #tuner-container{background-color:white;width:300px;height:300px;border-radius:50%;margin-left:auto;margin-right:auto;margin-top:30px;padding:8px;border:6px solid #007aab}body #tuner-container.green #note{color:green}body #tuner-container.green #pointer{background:green}body #tuner-container.orange #note{color:#de7a00}body #tuner-container.orange #pointer{background:#de7a00}body #tuner-container.red #note{color:darkred}body #tuner-container.red #pointer{background:darkred}body #tuner-container #note{font-size:2.5em;margin-top:40px}body #tuner-container #freq{font-size:.8em;color:gray}body #tuner-container #detuneBar{position:relative;width:80%;height:20px;background:#e3e3e3;margin-top:20px;margin-left:auto;margin-right:auto;border:1px solid #666;border-radius:4px}body #tuner-container #detuneBar::after{content:"";position:absolute;top:0;left:50%;width:1px;height:100%;background:#666;transform:translateX(-50%)}body #tuner-container #pointer{position:absolute;top:-7px;width:8px;height:35px;background:rgba(102,102,102,0.2);left:calc(50% -  4px);transition:left .1s linear,background .1s linear;border-radius:4px}body #tuner-container #volume-indicator{margin-top:18px}body #tuner-container #volume-indicator #db-display{font-family:monospace;font-size:.9rem;color:#888;transition:color .2s ease}body #tuner-container #volume-indicator #db-display.orange{color:#de7a00}body #tuner-container #volume-indicator #db-display.red{color:darkred}body .settings{margin-top:20px;padding:4px 32px}body .settings label{font-size:24px;color:#e3e3e3}body .settings #a4-hz,body .settings #sensitivity-value{font-size:24px;border-radius:6px;color:#007aab}body .settings #a4-hz-warning{color:#de7a00;display:inline-block;width:30px;margin-right:-40px;vertical-align:middle;height:30px}body .settings #a4-hz-description{font-size:16px;line-height:18px;color:rgba(227,227,227,0.8);margin-top:8px}body .settings #sensitivity-container{margin-top:18px}body .settings #sensitivity-container label{font-size:18px}body .settings #sensitivity-container select{font-size:20px}body .donate{position:fixed;right:8px;padding:8px;bottom:8px;text-align:right}body .donate #donation-links a.donation-link{text-decoration:none;display:block;margin:5px;border-radius:26px;box-shadow:0 0 4px rgba(24,24,24,0.8);width:180px;height:55px;color:#e3e3e3;text-align:center;line-height:1.8}body .donate #donation-links a.donation-link[data-target="paypal"]{background-color:#17447b}body .donate #donation-links a.donation-link[data-target="satispay"]{background-color:#d95044}body .donate #donate-btn{border-radius:50%;color:#181818;background-color:#e3e3e3;height:60px;width:60px;text-align:center;display:inline-block;border:none}body .donate #donate-btn .material-icons{font-size:42px;line-height:56px}body .footer{position:fixed;bottom:8px;text-align:center;font-size:16px;width:100%}body .footer span{color:rgba(227,227,227,0.85)}body .footer span a{color:rgba(227,227,227,0.85);text-decoration:underline}