@import url(https://fonts.googleapis.com/css?family=Righteous);@import url(https://fonts.googleapis.com/css?family=Roboto);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:roboto;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.footer{align-items:center;background-color:#f16a43;bottom:0;color:#fff;display:flex;height:3rem;justify-content:space-between;margin:0;position:fixed;width:100%}.startCont{border-radius:0 5rem 5rem 0;cursor:pointer;font-family:roboto;font-size:1.5rem;font-weight:600;gap:1rem;justify-content:start;padding-left:1.5rem}.startCont,.time{align-items:center;background-color:#8eb79a;color:#fff;display:flex;height:100%;width:10rem}.time{font-size:1.3rem;font-weight:500}.menu,.time{justify-content:center}.menu{align-items:flex-start;background-color:#efa159;bottom:3rem;box-shadow:2px 2px hwb(0 92% 8%/.422);display:flex;flex-direction:column;gap:2rem;height:15rem;padding-left:1rem;padding-right:1rem;position:fixed;width:12rem}.start-menu{background-color:#e7c369;color:#fff;cursor:pointer;height:3rem;width:100%}.content{align-items:center;background-color:#f5e1ad;display:flex;flex-direction:column;height:100vh;justify-content:center;max-height:100%}.btn1{background-color:#f16a43;border:none;border-radius:.5rem;cursor:pointer;font-size:1.5rem;font-weight:600;height:3rem;width:30rem}.subtitle{font-size:2.4rem;font-weight:700;text-align:center;width:35rem}.cst{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:example;animation-name:example;bottom:-5rem;position:fixed;right:-5rem;-webkit-transform:rotate(23deg);transform:rotate(23deg);width:30rem}@-webkit-keyframes example{0%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}50%{-webkit-transform:rotate(26deg);transform:rotate(26deg)}to{-webkit-transform:rotate(20deg);transform:rotate(20deg)}}@keyframes example{0%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}50%{-webkit-transform:rotate(26deg);transform:rotate(26deg)}to{-webkit-transform:rotate(20deg);transform:rotate(20deg)}}.createt{font-family:righteous;font-weight:500}.header{align-items:center;background-color:#f16a43;color:#fff;display:flex;height:3rem;justify-content:space-between;margin:0;position:fixed;top:0;width:100%}.title{font-family:righteous;font-size:2rem;font-weight:500;margin-left:1rem}.option-icon{height:2rem}.options{display:flex;gap:.5rem;margin-right:2rem}.create-content{align-items:center;background-color:#f5e1ad;display:flex;flex-direction:column;gap:1rem;height:100vh;justify-content:center;max-height:100%}.songsTile{background-color:#ebd397;height:60vh;width:60vw}input{border:none;font-size:1.2rem;height:2.5rem;padding-left:2rem;width:24vw}.addbtn{align-items:center;color:#000;display:flex;flex-direction:column;font-size:2rem;font-weight:600;height:3rem;justify-content:center;margin-top:.3rem;width:3rem}.complimentary{background-color:pink;height:4rem;width:10rem}.inputs{align-items:center;display:flex;gap:2rem;justify-content:center}.cassette{display:inline-block;height:187px;margin-left:20px;margin-top:100px;position:relative;transition:.5s;width:280px}.cassette:hover{-webkit-animation-duration:2s;animation-duration:2s;-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}.cassette-items{align-items:center;justify-content:center;position:absolute;top:0;width:100%}.cassette-items img{height:2.5rem;margin-top:85px;object-fit:cover;width:5rem}.cassette-bg{left:0;position:absolute;top:0;width:280px}.songsTile{overflow-x:auto;white-space:nowrap}.cassette-parent{height:100%}.cassette-thumb{height:50px;object-fit:contain;width:auto}.btn{background-color:#f16a43;border:none;border-radius:.5rem;cursor:pointer;font-size:1.5rem;font-weight:600;padding:1rem 1.5rem}.viewbody{background-color:#000;color:#fff;height:100vh;max-height:100%;max-width:100%;overflow-y:hidden;width:100vw}.viewplayer{align-items:flex-end;display:flex;height:100%;justify-content:center;width:100%}.player{width:40rem}.toggle{align-items:center;display:flex;height:100%;justify-content:center}.shuffle{bottom:7rem;position:absolute;right:20rem;width:5rem}.home{cursor:pointer;left:0;position:fixed;top:1rem;width:5rem}.songTile{bottom:20rem;color:#000;font-size:1.2rem;font-weight:500;height:10rem;left:calc(50% - 6.5rem);position:fixed;width:15rem}.songTitle{margin-top:-.4rem}.songImage{background-color:pink;height:8rem;object-fit:cover;width:15rem}img{cursor:pointer}.controller{bottom:7rem;left:20rem;position:fixed;width:5rem}.move{bottom:5.3rem;left:calc(50% - 16.25rem);position:fixed;width:21rem}
/*# sourceMappingURL=main.ae7186e5.css.map*/