:root{--navbarHeight: 100px;--primary-light: white;--primary-dark: #2a3a3c;--secondary-dark: #806f73}@font-face{font-family:Gilroy;src:url(/Gilroy-Medium.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Gilroy;src:url(/Gilroy-Bold.otf) format("opentype");font-weight:700;font-style:normal}.App{font-family:Gilroy;display:flex;width:100%;min-height:100vh;flex-direction:column;position:relative}.App.dark-theme{color:var(--primary-light)}.Navbar{background-color:transparent;color:var(--primary-light);z-index:10;width:100%;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.Navbar>h2{margin-left:20px;margin-right:auto}.selector{position:relative;background-color:#fff;display:flex;align-items:center;padding:10px;border:solid 1px #413ED0;border-radius:4px;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);color:#413ed0}.selector>label{font-size:1.25rem!important;line-height:1.25rem!important;font-weight:600;margin-bottom:0!important;display:inline-block}.selector>select{border:none;background-color:transparent;color:#413ed0;cursor:pointer;font-size:1.25rem;line-height:1.5rem!important;text-align:center;display:inline-block}.selector>select::selection{line-height:1.5rem!important;border:solid 4px white}.selector>select>option{font-size:1.25rem;line-height:1.5rem!important;background-color:var(--primary-dark);border-left:solid 4px white;border-right:solid 4px white;margin:2px;width:100%}.content-container{margin-top:30px;position:relative;display:flex;width:100%;justify-content:space-around;flex-wrap:wrap}.circle-container{margin:5px;width:100%;aspect-ratio:1;position:relative;overflow:hidden;border-radius:999px;background-color:#51515c;font-size:1.33rem}.Sidebar{background-color:#ddd;position:relative;max-width:90vw;width:700px;display:flex;flex-direction:column;align-items:center;padding:20px}.Sidebar h2{font-size:2rem;color:#000;margin-top:0}.chordName{font-size:1.25rem;font-weight:700;margin-bottom:20px}.chordSelector{border:none;background-color:transparent;color:var(--primary-dark);display:flex;justify-content:center;width:100%;border:solid 4px var(--primary-dark)}.chordSelector select{border:none;background-color:transparent;color:var(--primary-dark);width:100%;cursor:pointer;font-size:1.25rem;text-align:center;font-weight:700}.chordSelector select>option{font-size:1.25rem;background-color:var(--secondary-dark);color:#fff;width:100%}@media (min-width: 130vh){.sidebar{flex-direction:column}}@media (max-width: 480px){.circle-container{font-size:1rem!important}.selector>select{font-size:1rem!important}.selector>label{font-size:1rem!important}.content-container{margin-top:10px}}