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}@keyframes track-card-appearing{0%{opacity:0;-webkit-transform:translateY(300px);transform:translateY(300px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes track-card-appearing{0%{opacity:0;-webkit-transform:translateY(300px);transform:translateY(300px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{background-color:#2c2c2c}.navbar{height:50px;background-color:#69b683;background-color:#3ed39c;display:flex;align-items:center}.row{display:flex;flex-direction:row}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.center{justify-self:center;align-self:center}.space-around{justify-content:space-around}.nav-button{background:none;border:none;font-size:20px;font-weight:700;cursor:pointer;padding:0;margin-right:50px;text-decoration:none;color:#000;font-family:"Jost",sans-serif}.nav-button:hover{color:#fff}.music{background-color:#2c2c2c}.login-button{background-color:#99d6c0;background-color:#3ed39c;color:#000;border:none;border-radius:25px;text-decoration:none;padding:5px 10px;font-weight:700;font-size:26px;margin-top:20px;cursor:pointer}.jost,.login-button{font-family:"Jost",sans-serif}.search{padding:20px}.search-input{background-color:#2c2c2c;border:none;border-bottom:2px solid #fff;font-size:25px;outline:None;width:500px;color:#fff}.search-form{display:flex;align-items:center;font-size:32px}.search-btn{background:#fff;color:#000;border-radius:10px;font-size:20px;padding:2px 5px;border:none}.search-btn:disabled{background:grey;color:#000}.trackcard{display:flex;flex-direction:column;align-items:center;width:100%;-webkit-animation-name:track-card-appearing;-webkit-animation-duration:.9s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-name:track-card-appearing;animation-duration:.9s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;opacity:0;background-color:#000;font-size:20px;font-family:"Jost",sans-serif;color:#fff;cursor:pointer}.trackgrid{display:flex;flex-direction:row;flex-wrap:wrap}.about{color:#fff;font-family:"Jost",sans-serif}.musicPlayerBackground{background:#8bf0c8;background:linear-gradient(86deg,#8bf0c8 5%,#8bf0e0 11%,#70c2d5 18%,#70c3d5 27%,#c6bddd 38%,#a494bf 48%,#bf9a9e 65%,#94bbbf 80%,#44ac6c);background-size:300% 300%;font-family:"Jost",sans-serif;font-weight:600;-webkit-animation:gradient 10s ease-in-out infinite;animation:gradient 10s ease-in-out infinite}@-webkit-keyframes gradient{0%{background-position:0 25%}25%{background-position:50% 80%}50%{background-position:100% 55%}75%{background-position:50% 10%}to{background-position:0 55%}}@keyframes gradient{0%{background-position:0 25%}25%{background-position:50% 80%}50%{background-position:100% 55%}75%{background-position:50% 10%}to{background-position:0 55%}}
/*# sourceMappingURL=main.743b4c88.chunk.css.map */