:root{--background-color: #2F2E22;--main-sans: "Gotham SSm A", "Gotham SSm B", sans-serif;--main-serif: "Chronicle SSm A", "Chronicle SSm B", sans-serif;--time-unit: 5px;--chord-color-0: hsl(190, 60%, 50%);--chord-color-1: hsl(150, 60%, 50%);--chord-color-2: hsl(90, 60%, 50%);--chord-color-3: hsl(70, 60%, 50%);--chord-color-4: hsl(50, 60%, 50%);--chord-color-5: hsl(40, 80%, 50%);--chord-color-6: hsl(30, 80%, 50%);--chord-color-7: hsl(0, 60%, 50%);--chord-color-8: hsl(330, 60%, 50%);--chord-color-9: hsl(300, 60%, 50%);--chord-color-10: hsl(280, 60%, 50%);--chord-color-11: hsl(260, 60%, 50%);--popup-box-shadow: 0 0 20px black;--popup-border: 1px solid hsl(1, 0%, 40%);--popup-border-radius: 7px;--popup-background-color: hsl(1, 0%, 30%);--link-color-gray: hsl(1, 0%, 70%);--link-color-gray-hover: white}*{box-sizing:border-box}body{margin:30px;padding:0;background-color:var(--background-color);font-family:var(--main-sans);font-size:15px;color:#ffffffb3;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}