body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.Title{color:#09203f;text-align:center;font-size:4em;margin:.5rem}@media only screen and (min-width:768px){.Title{font-size:5em}}.RequestButton{display:flex;flex-direction:row;justify-content:center;color:#09203f;font-weight:700;margin-bottom:2rem;font-size:1.5em;text-decoration:none}.RequestButton:hover{color:#020c1a}.RequestButton:focus{outline:none;text-shadow:1px 1px 4px #fff}@media only screen and (min-width:768px){.RequestButton{font-size:3em}}h1{color:#fff}.MixTapes{display:flex;flex-direction:column;align-items:center}h1{color:#000;font-size:1em}.MixTape{height:3em;display:flex;justify-content:center;align-items:center;font-family:"Permanent Marker";border-radius:10px;border-left:2px solid #000;border-right:2px solid #000;width:75%;border-color:#000;border-style:solid;border-width:2px 10px;background-color:#f5f5f5}.MixTape:nth-child(2n){transform:translateX(10px);background-color:#e8e8e8;font-family:"Knewave",cursive}.MixTape:nth-child(3n){transform:translateX(5px);font-family:"Indie Flower",cursive;background-color:#f8f8ff}.MixTape:nth-child(4n){transform:translateX(15px);font-family:"Rock Salt",cursive;background-color:#f8f8f6}@media only screen and (min-width:768px){h1{font-size:3em}.MixTape{border-left:4px solid #000;border-right:4px solid #000;height:8em;border-color:#000;border-style:solid;border-width:4px 40px}}.SearchBar{display:flex;flex-direction:column;align-items:center;padding-top:2rem;margin-bottom:2rem}.SearchBar input{width:287px;padding:1rem 0;border:1px solid #fff;border-radius:3px;margin-bottom:2rem;color:#09203f;text-align:center;font-size:1rem}.SearchBar input:focus{outline:none}.SearchButton{cursor:pointer;width:9rem;padding:1rem 0;border-radius:54px;background-color:#09203f;text-align:center;font-size:.833rem;transition:background-color .25s;border:0;color:#fff;font-weight:500}.SearchButton:focus,.SearchButton:hover{background-color:#020c1a}.SearchButton:focus{outline:none}.Track{display:flex;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.8)}.Track-action{cursor:pointer;padding:.5rem;font-size:2rem;border:none;background-color:#09203f;color:#fff}.Track-action:focus,.Track-action:hover{color:#537895;font-size:2.5rem}.Track-action:focus{outline:none}.Track-information{flex-grow:1;display:flex;flex-direction:column;justify-content:center;height:120px}.Track-information h3{margin-bottom:.5rem;color:#fff}.Track-information p{font-size:1rem;font-weight:300;color:#fff}@media only screen and (max-width:1023px){.Track-information{height:auto;min-height:100px}}.SearchResults{display:flex;flex-direction:column;align-content:center;min-width:250px;min-height:5em;background-color:#09203f;margin:1rem;padding:1rem;box-shadow:0 4px 2px 2px}.SearchResults h1{color:#fff;font-size:2rem}@media only screen and (min-width:768px){.SearchResults{min-width:40%}}.PlayList{display:flex;flex-direction:column;align-content:center;min-width:250px;min-height:5em;background-color:#09203f;margin:1rem;padding:1rem;box-shadow:0 4px 2px 2px}.PlayList input{width:100%;background:transparent;outline:none;border:none;border-bottom:1px solid hsla(0,0%,100%,.8);color:#fff;font-size:2rem}.PlayList input::-webkit-input-placeholder{color:#fff;opacity:.5}.PlayList input:-ms-input-placeholder{color:#fff;opacity:.5}.PlayList input::-ms-input-placeholder{color:#fff;opacity:.5}.PlayList input::placeholder{color:#fff;opacity:.5}.Playlist-save-div{display:flex;flex-direction:column;align-items:center}.Playlist-save{cursor:pointer;width:10rem;padding:.77rem 0;border-radius:54px;border-width:0;margin-top:1.27rem;background-color:#537895;text-align:center;font-size:.83rem;transition:background-color .25s;color:#fff;font-weight:500}.Playlist-save:hover{opacity:.7}.Playlist-save:focus{outline:none;opacity:.7}button:disabled{opacity:.3}.tooltip{color:#fff;margin:1rem}@media only screen and (min-width:768px){.PlayList{min-width:40%}}.MixTapeCreator{display:flex;flex-direction:column}@media only screen and (min-width:768px){.MixTapeCreator{flex-direction:row;justify-content:center}}*{margin:0;padding:0}.App{display:flex;flex-direction:column;background-image:linear-gradient(0deg,#09203f 0,#537895);height:100%;min-height:100vh}
/*# sourceMappingURL=main.57a9a26a.chunk.css.map */