body{background-color:#121212;color:#fff;font-family:Montserrat,League Spartan,sans-serif;margin:0;overflow:hidden;text-align:center}button:active{border:none;outline:none}button:focus{outline:0}a{color:inherit}ul{padding-left:0}#gameTitle{color:#1db954;font-family:Montserrat,sans-serif;font-size:45px;font-weight:600;padding:40px 0 10px}.card{align-items:center;border-radius:10px;color:#faf9f6;display:flex;font-family:Noto Sans,sans-serif;text-align:center;width:175px}.card:hover{cursor:pointer}.cardOpened{background-color:#212121;width:300px}.cardBottomRow{display:flex;justify-content:space-between}.cardPoint{height:20px;width:20px}.lastCard{width:100px}.cardInfoContainer{padding:20px 0;width:150px}.cardInfo{margin:0;text-align:left;width:100%}.cardArtist,.cardTitle{overflow:hidden;text-overflow:ellipsis}.cardArtist,.cardDate{color:#bab5b5;font-size:small}.scroll{overflow:hidden;white-space:nowrap}.timelineCard{display:inline-block;font-family:Montserrat,Sarabun,sans-serif;font-weight:600;padding:0 14px 0 0;text-align:right;text-decoration:none}.timelineCards{height:375px;margin:0 auto;overflow:auto;overflow-y:hidden;width:95%}.cardPoster{display:block;height:150px;margin:auto;padding-top:10px;width:150px}.nextCard{height:200px}.boardGame{bottom:0;height:375px;margin-top:50px}.lostModal{background-color:#212121;border:3px solid #1db954;border-radius:20px;margin:auto;padding:10px 10px 20px;width:50%}.loseButton{background-color:#1db954;border:2px solid #1db954;border-radius:5px;color:#000;color:#fff;font-size:14px;padding:6px}.loseScreenWording{font-size:30px}.shareIcon{margin-bottom:5px;padding-right:8px;width:22px}.replayIcon{margin-bottom:2px;padding-right:5px;width:24px}.hoveredRight{background-color:#2c2c2c!important}.hoveredWrong{background-color:#d13939!important}.cardRight{background-color:#212121}.cardWrong{background-color:#ca1818}.loseTable{width:100%}.pause{background-color:inherit;border-radius:50%;height:40px;position:absolute;right:30px;top:25px;width:40px}.pause:hover{background-color:#212121;color:#000;cursor:pointer}.modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:all .3s ease-in-out}.modal.enter-done{opacity:1;pointer-events:visible}.modal.exit{opacity:0}.album-modal-content{background-color:initial!important}.modal-content{background-color:#212121;overflow-y:scroll;transform:translateY(-200px);transition:all .3s ease-in-out;width:500px}.modal.enter-done .modal-content{transform:translateY(0)}.modal.exit .modal-content{transform:translateY(-200px)}.modal-footer,.modal-header{border-bottom:none;justify-content:right;padding:10px 5px}.modal-title{margin:0}.album-modal-body{padding:0}.modal-body{padding:0 20px 20px;text-align:left}.pause-screen-spotify-div{border-top:1px solid #fff;display:flex;flex-flow:column;justify-content:center;width:100%}.spotify-information{margin-top:10px}.pause-screen-text{font-size:14px;margin-bottom:10px}.spotify-screen-ex{align-self:center;margin-bottom:10px;width:60%}.button{background-color:inherit;border:none;border-radius:50%;color:#fff}.modal-titles{color:#1db954;font-weight:800}.rightCardExample{border:2px solid #000;border-radius:5px}.card-examples{text-align:center;width:100%}.copyright-highlight:hover{color:#1db954;-webkit-text-decoration:solid;text-decoration:solid}.copyright-div{border-top:1px solid #fff;padding-top:20px}.copyright{font-size:12px;margin-bottom:0}.modal-footer{display:block;margin:0 20px}.owner{font-size:10px;margin:5px;text-align:center}.owner-link{color:#1db954}.owner-link:hover{color:#1db954;-webkit-text-decoration:solid;text-decoration:solid}.hearts{width:50px}@media only screen and (max-width:1024px){#gameTitle{font-size:50px}.lostModal{padding-bottom:20px;width:90%}.nextCard{height:200px}.boardGame{bottom:0;height:320px;padding-top:20px}.lastCard{width:100px}.loseButton{width:140px}}@media only screen and (max-width:800px){.pause{font-size:15px;height:30px;right:10px;top:10px;width:30px}.modal-content{max-height:80%}#gameTitle{font-size:25px;padding-top:50px}.hearts{width:30px}h1{font-size:20px}.lostModal{padding-bottom:20px;width:90%}.loseButton{width:125px}.nextCard{height:150px}.boardGame{bottom:0;height:300px;padding-top:20px}.loseScreenWording{font-size:20px!important}.cardPoster{padding-top:5px;width:150px}.lastCard{width:120px}.card{align-items:center;border-radius:10px;width:125px}.cardInfoContainer{padding:10px 0;width:115px}.cardInfo{font-size:12px}.cardPoster{height:115px;width:115px}.cardPoint{height:18px;width:18px}}
/*# sourceMappingURL=main.42aa7538.css.map*/