body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{font-family:Arial,sans-serif;margin:0 auto;max-width:500px;padding:20px}h1{text-align:center}.artist-portraits{display:flex;justify-content:space-between;margin-bottom:20px}.portrait{align-items:center;display:flex;flex-direction:column;text-align:center;width:30%}.portrait img{border-radius:50%;height:7em;object-fit:cover;width:7em}.portrait p{font-size:14px;margin-top:5px;text-align:center;width:100%}.scrollable-container{border:1px solid #ccc;margin-bottom:20px;max-height:10em;overflow-y:auto;padding:10px}.guess-row{align-items:center;border:1px solid #505050;display:flex;height:6em;margin-bottom:10px;padding:.5em}.artist-image{border-radius:50%;flex-shrink:0;height:4em;object-fit:cover;width:4em}.connector{flex-grow:1;padding:0 10px}.dotted-line{border-top:2px dotted grey;height:1px}.song-info{flex-shrink:0}.artist-box,.song-info{align-items:center;display:flex;flex-direction:column;max-width:5em;width:100%}.artist-box{margin-top:10px}.album-cover{height:3.5em;object-fit:cover;width:3.5em}.guess-row .album-cover{margin-top:10px}.artist-box p,.song-info p{font-size:12px;margin-top:5px;max-height:3em;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.song-list{border:1px solid #ccc;border-radius:4px;overflow:hidden}.song-list-header{background-color:#f0f0f0;display:flex;font-weight:700;padding:10px}.song-list-body{max-height:300px;overflow-y:auto}.song-item{align-items:center;cursor:pointer;display:flex;padding:10px;transition:background-color .2s}.song-item:hover{background-color:#e0e0e0}.song-item.even{background-color:#fff}.song-item.odd{background-color:#f9f9f9}.album-col{flex-shrink:0}.song-col{border-right:1px solid #e0e0e0;flex:1 1;padding:0 10px}.artist-col{flex-shrink:0;padding-left:10px;width:40%}.landing-page,.song-list-header .artist-col,.song-list-header .song-col{align-items:center;display:flex}.landing-page{flex-direction:column;height:100vh;justify-content:center;text-align:center;width:100%}.landing-page h1{font-size:3em;margin-bottom:1em}.landing-page section{margin-bottom:2em;width:30em}.landing-page h2{font-size:1.5em;margin-bottom:.5em}.landing-page button{background-color:#4caf50;border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:1em;margin:5px;padding:10px 20px;transition:background-color .3s;width:80%}.landing-page button:hover{background-color:#45a049}.button-group{flex-wrap:wrap}.button-group,.completion-popup{display:flex;justify-content:center}.completion-popup{align-items:center;background-color:#000000b3;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.chain-visualization{display:flex;overflow-x:auto;padding:20px 0}.chain-visualization img{height:80px;margin:0 5px;object-fit:cover;width:80px}.chain-visualization .artist-image{border-radius:50%;height:80px;width:80px}.chain-visualization .album-cover{border-radius:5px}.app-header{align-items:center;background-color:#f0f0f0;display:flex;justify-content:space-between;padding:10px 20px}.nav-button{background:none;border:none;cursor:pointer;font-size:18px}.popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-content{background-color:#fff;border-radius:10px;max-height:80vh;overflow-y:auto;padding:20px;position:relative;text-align:left;width:30em}.close-button{background:none;border:none;color:#aaa;cursor:pointer;font-size:24px;line-height:1;padding:0;position:absolute;right:10px;top:10px}.close-button:hover{color:#888}.completion-button-container{justify-content:center}.completion-button-container button{align-items:center;background-color:#000;color:#fff;display:inline-flex}.completion-button-container{align-items:center;display:flex;flex-direction:column;margin-top:20px}.completion-button-container button{border:none;border-radius:500px;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:16px;font-weight:700;margin-bottom:10px;padding:10px 20px;transition:all .3s ease;width:100%}.action-button{background-color:#000;color:#fff}.action-button:hover{background-color:#333}.button-icon{align-items:left;display:flex;margin-right:2em}.button-icon svg{height:2em;width:2em}.toast{background-color:#000c;border-radius:5px;bottom:20px;color:#fff;font-size:14px;left:50%;padding:10px 20px;position:fixed;transform:translateX(-50%);z-index:1000}
/*# sourceMappingURL=main.ed379e63.css.map*/