.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{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login{height:400px}.login,.register{border:2px solid #6b6e70;border-radius:5px;display:flex;flex-direction:column;width:500px;margin:50px auto 0;font-size:1.5rem;background-color:#474b4f;color:#86c232;padding-bottom:40px}.register{height:450px}.register h2{text-align:center}.form{display:flex;flex-direction:column;width:450px;height:300px;max-height:500px;text-align:left;margin:0 auto}.field{width:444px;height:40px;font-size:1.2rem}.field,.register-submit{border:2px solid #222629;border-radius:5px}.register-submit{margin:20px auto;width:450px;height:45px;color:#fff;background-color:#86c232;font-size:1.4rem}.register-submit:hover{background-color:#61892f}.field-wrap{width:100%;display:flex;flex-direction:column;height:100px}.errors{color:red;font-size:1rem}.redirect{font-size:1rem;text-align:center;color:#000}.navBar{display:flex;flex-direction:row;color:#fff;background-color:#86c232;align-content:center;justify-content:space-between;height:80px;width:100%;top:0;left:0;position:fixed;z-index:10}.navBar h3{background-color:#000;width:300px;align-items:center;justify-content:center}.navBar h3,.navBar nav{height:100%;margin-top:0;display:flex}.navBar nav{width:540px}nav ul{display:flex;flex-direction:row;width:500px;height:100%;list-style:none;margin-top:0}nav ul a,nav ul li{display:flex;width:120px;height:100%}nav ul a{justify-content:center;align-items:center;text-decoration:none;color:#000}nav ul a:hover{background-color:#000;color:#fff}.songs-page{display:flex;flex-flow:column nowrap;justify-content:center;padding-top:100px}.songCard{display:flex;flex-direction:row;border:2px solid #474b4f;border-radius:4px;padding:5px;width:800px;margin:0 auto 10px;height:50px;font-size:1rem;justify-content:space-between}.track-name{align-self:center;width:30%;max-width:55%}.button{width:50px;align-items:center}.button,.favorite{display:flex;justify-content:center}.favorite{align-content:center;width:20px;height:20px;text-align:center;background-color:#000;color:#fff;border:none}
/*# sourceMappingURL=main.415078c7.chunk.css.map */