:root{--panel-bg: #e4e4ff;--panel-text: #212427}[data-theme=dark]{--panel-bg: #16181a;--panel-text: #e4e4ff}*{padding:0;margin:0;font-family:helvetica,sans-serif}body{background-color:#212427}header{display:flex;background-color:#212427;height:60px;align-items:center;justify-content:space-between;box-shadow:0 0 15px #212427}#header-title{color:#e4e4ff;text-decoration:none;font-size:1.5rem;margin-left:5vw;font-weight:900}#header-title:hover{color:#0d6efd}#theme-toggle-button{background-color:transparent;border:none;color:#e4e4ff;font-size:1.3rem;margin-right:5vw;cursor:pointer;line-height:1}#hero-section{background-color:var(--panel-bg);color:var(--panel-text);height:40vh}@media (max-width: 600px){#hero-section{height:60vh}}#hero-row{display:flex;padding:5vh 5vw}@media (max-width: 600px){#hero-row{flex-direction:column}}#hero-col-1,#hero-col-2{flex:1}#welcome-opening{font-size:2rem;font-weight:400}#welcome-title{color:#0d6efd;font-weight:900}#welcome-text{margin-top:1vh;margin-bottom:1vh}#fun-fact-title{background-color:#0d6efd;color:#e4e4ff;border-radius:4px;display:block;width:5rem;font-weight:600;text-align:center}#fun-fact-text{color:#0d6efd}#fun-fact-joke{background-color:#0d6efd;color:#e4e4ff;border-radius:7px;white-space:nowrap;padding:1vh}#dancing-cow{display:block;margin-left:auto;margin-right:auto;width:40vh}@media (max-width: 600px){#dancing-cow{width:30vh}}#projects-section{background-color:#212427;color:#e4e4ff;padding-top:5vh}#projects-title{width:100%;text-align:center;font-size:1.5rem;font-weight:900}#projects-row{display:flex;padding-top:5vh;padding-bottom:5vh}@media (max-width: 600px){#projects-row{flex-direction:column;gap:2vh}}#projects-col-1,#projects-col-2,#projects-col-3{flex:1;text-align:center}#project-btn-1,#project-btn-2,#project-btn-3{width:75%;display:block;margin:auto;background-color:transparent;border-radius:4px;text-decoration:none;padding:1vh 0;font-size:1.5rem}#project-btn-1,#project-btn-2{border:1px solid #0d6efd;color:#0d6efd}#project-btn-1:hover,#project-btn-2:hover{background-color:#0d6efd;color:#e4e4ff}#project-btn-3{border:1px solid #e4e4ff;color:#e4e4ff}#project-btn-3:hover{background-color:#e4e4ff;color:#212427}footer{display:flex;justify-content:center;align-items:center;background-color:#212427;color:#e4e4ff;height:10vh}#project-menu-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:var(--panel-bg);color:var(--panel-text);height:calc(100vh - 60px)}#project-title{font-size:2rem;text-align:center}#project-menu-play-button{border:2px solid #0d6efd;background-color:transparent;color:#0d6efd;border-radius:4px;padding:1vw 0;width:40%;font-size:2rem;margin-top:5vh}#project-menu-play-button:hover{background-color:#0d6efd;color:#e4e4ff}#bj-section{background-color:var(--panel-bg);color:var(--panel-text);height:calc(100vh - 60px)}#bj-outcome-display{margin:auto;color:#03f;background-color:#90bcfe;width:80vw;padding:1rem;font-size:1rem;border:2px solid #0d6efd}#bj-button-row{display:flex;justify-content:center;gap:1vw}@media (max-width: 600px){#bj-button-row{flex-direction:column;align-items:center}}#bj-button-row button{border:2px solid #0d6efd;background-color:transparent;color:#0d6efd;border-radius:4px;padding:.5vw 0;width:30vw;font-size:1.5rem}#bj-button-row button:hover{background-color:#0d6efd;color:#e4e4ff}@media (max-width: 600px){#bj-button-row button{width:80vw}}#bj-hand-row{display:flex;justify-content:space-evenly}@media (max-width: 600px){#bj-hand-row{flex-direction:column;gap:15vw}}#bj-player-col,#bj-dealer-col{display:flex;flex-direction:column;align-items:center;text-align:center}@media (max-width: 600px){#bj-player-col{margin-bottom:17vw}}#bj-player-hand-container,#bj-dealer-hand-container{position:relative;display:flex;justify-content:center}#bj-player-hand-container>img,#bj-dealer-hand-container>img{margin-top:2vw;position:absolute;width:15vw;height:auto}@media (max-width: 600px){#bj-player-hand-container>img,#bj-dealer-hand-container>img{width:20vw}}#music-tools-select-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:var(--panel-bg);color:var(--panel-text);height:calc(100vh - 60px)}#music-tools-select-row{display:flex;flex-direction:column;align-items:center;gap:3vh;margin-top:5vh}.music-tool-select-button{border:2px solid #0d6efd;background-color:transparent;color:#0d6efd;border-radius:4px;padding:1.5vh 3vw;width:60vw;max-width:320px;font-size:1.5rem}.music-tool-select-button:hover{background-color:#0d6efd;color:#e4e4ff}#flashcard-section{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--panel-bg);color:var(--panel-text);height:calc(100vh - 60px);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;padding:0 5vw}#flashcard-exit-button{position:absolute;top:3vh;left:5vw;border:2px solid #0d6efd;background-color:transparent;color:#0d6efd;border-radius:4px;padding:.5rem 1rem;font-size:1rem}#flashcard-exit-button:hover{background-color:#0d6efd;color:#e4e4ff}#flashcard-toggle-row{position:absolute;top:3vh;right:5vw;display:flex;gap:.5rem}.flashcard-toggle-button{border:2px solid #0d6efd;background-color:transparent;color:#0d6efd;border-radius:4px;padding:.5rem .75rem;font-size:1.1rem;line-height:1}.flashcard-toggle-button:hover,.flashcard-toggle-button-active{background-color:#0d6efd;color:#e4e4ff}#flashcard-count{position:absolute;top:3vh;font-size:clamp(2rem,6vw,3rem);font-weight:900}#flashcard-value{font-size:clamp(3rem,15vw,8rem);font-weight:900;color:#0d6efd}#chord-settings-section{display:flex;flex-direction:column;align-items:center;background-color:var(--panel-bg);color:var(--panel-text);min-height:calc(100vh - 60px);padding:5vh 5vw}#chord-settings-groups{display:flex;flex-wrap:wrap;justify-content:center;gap:6vw;margin-top:4vh;width:100%}.chord-settings-group{display:flex;flex-direction:column;align-items:center}.chord-settings-group-title{font-size:1.2rem;font-weight:900;margin-bottom:1.5vh}.chord-settings-options{display:flex;flex-direction:column;gap:.5rem}.chord-settings-option{display:flex;align-items:center;gap:.5rem;font-size:1rem}.chord-settings-option input[type=checkbox]{accent-color:#0d6efd;width:1.1rem;height:1.1rem}#chord-settings-button-row{display:flex;gap:1rem;margin-top:5vh}#chord-settings-back-button,#chord-settings-start-button{border:2px solid #0d6efd;background-color:transparent;color:#0d6efd;border-radius:4px;padding:.75rem 2rem;font-size:1.1rem}#chord-settings-back-button:hover,#chord-settings-start-button:hover:not(:disabled){background-color:#0d6efd;color:#e4e4ff}#chord-settings-start-button:disabled{opacity:.4;cursor:not-allowed}