#root,body,html{background-image:url(/jammming1/static/media/background.99725fefa4fc71e06e28.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;height:auto}html{font-size:16px}.Container{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;margin:50px;width:90%}.Container h1{color:#000;font-family:Poppins,sans-serif;font-size:40px;margin-top:-20px;padding:.77rem 0;text-align:center;z-index:2}h1 .highlight{color:beige;font-size:40px}h2{font-family:Poppins,sans-serif;font-size:1.55rem}.App{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Work Sans,sans-serif;font-weight:300;height:auto;justify-content:center;margin-top:-100px;width:85%}.App-playlist{display:flex;justify-content:space-between;margin-top:-40px;width:100%}@media only screen and (max-width:1020px){.App-playlist{align-items:center;flex-direction:column}}.Playlist{background-color:beige;border-radius:0 20px 20px 0;height:850px;margin-left:4px;overflow-y:scroll;padding:25px;width:57%}.Playlist input{background:#0000;border:none;border-bottom:.1px solid #000;display:flex;font-family:Poppins,sans-serif;font-size:18px;font-weight:220;height:39px;justify-content:flex-start;margin-left:220px;margin-top:-27px;outline:0;padding-right:10px;width:40%}.Playlist-save{background-color:#f55302;border-radius:1.875rem;border-width:0;color:#fff;cursor:pointer;font-size:.733rem;font-weight:500;margin-left:150px;margin-top:3.75rem;padding:.77rem 0;text-align:center;transition:background-color .25s;width:8.11rem}.Playlist-save:hover{background-color:#000}@media only screen and (max-width:1020px){.Playlist{width:90%}}.TrackList{margin-top:10px;width:100%}.container{padding-top:5px}.Track{align-items:center;display:flex;height:65px;justify-content:space-between;padding:5px;transition:background-color .3s ease,color .3s ease;width:99%}.Track:hover .Track-preview,.Track:hover h3,.Track:hover p{border:#f55302;color:#f55302}.Track-action{background-color:#0000;border:0;color:#000;cursor:pointer;font-size:1.05rem;margin-right:-7px;padding-left:.4rem;transition:color .25s}.Track-action:hover{color:#f55302}.Track-information{border-bottom:.1px solid #a5a579;box-sizing:border-box;color:#000;flex-grow:1;height:65px;margin:0 4px 2px -6px;padding:5px;width:89%}.Track-information h3{color:#000;font-size:14px;font-weight:500;margin:0}.Track-information p{color:#fffc;color:#000;font-size:13px;font-weight:300;margin-top:5px}.Track-image{height:55px;margin-bottom:3px;margin-left:-20px;margin-right:12px;width:55px}.Player{color:#000;height:30px;width:150px;z-index:2}.Track-preview{background-color:initial;border:none;height:20px;width:25px}.Track-preview:hover{color:#f55302}.Track .ErrorMessage{background-color:#f55302;box-shadow:0 8px 12px #0009;height:150px;left:50%;padding:20px;position:fixed;text-align:center;top:30%;transform:translate(-50%,-50%);width:500px;z-index:1000}.Track .ErrorMessage .ErrorP{color:#fff;font-size:20px;margin:0;padding:0}.Track .ErrorMessage .ErrorButton{background-color:initial;border:.1px solid #fff;color:#fff;cursor:pointer;font-size:15px;font-weight:700;height:35px;margin-top:80px;width:100px}.Track .ErrorMessage .ErrorButton:hover{background-color:#fff;color:#000;font-weight:500}.InfoButton{background-color:initial;cursor:pointer;font-size:20px;height:25px;padding:0;width:25px}.InfoButton,.InfoButton:hover{border:.1px solid #f55302;border-radius:25px;color:red}.Track-playing .Track-preview,.Track-playing h3,.Track-playing p{border-color:#f55302;color:#f55302}.SearchBar{align-items:center;border:none;display:flex;flex-direction:column;margin-bottom:6.33rem;padding-top:6.94rem}.SearchBar input{background-color:beige;border:none;border-radius:5px;color:#010c3f;display:flex;font-size:.9375rem;margin-bottom:17px;padding:.88rem 0;text-align:center;width:287px}.SearchBar input:focus{outline:none}.SearchButton{background-color:#f55302;border:0;border-radius:54px;color:#fff;cursor:pointer;font-size:.733rem;font-weight:500;padding:.77rem 0;text-align:center;transition:background-color .25s;width:8.11rem}.SearchButton:hover{background-color:#000}.SearchResults{background-color:beige;border-radius:20px 0 0 20px;height:850px;margin-left:20px;overflow-y:scroll;padding:25px;width:57%}::-webkit-scrollbar{background:#0000;width:0}.SearchResults h2{align-items:center;border-bottom:.1px solid #000;color:#000;display:flex;font-size:1.1875rem;font-weight:300;height:40px;justify-content:flex-start;margin-top:-5px;padding-left:10px;width:40%}@media only screen and (max-width:1020px){.SearchResults{margin-bottom:2rem;width:90%}}body{font-family:sans-serif;margin:0;padding:0}
/*# sourceMappingURL=main.91e29fc4.css.map*/