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}.App{font-family:"Ubuntu",sans-serif;width:100%;min-height:100vh;text-align:center;display:grid;grid-template-columns:100vw;grid-template-rows:3em 5em minmax(70vh,auto) minmax(3em,1fr);grid-template-areas:"nav" "header" "main" "footer"}.App__logo{height:10vmin;pointer-events:none}nav{grid-area:nav}@media (prefers-reduced-motion:no-preference){.App__logo{animation:App-logo-float 3s ease-in-out infinite}}.App__header{display:inline-flex;align-items:center;justify-content:space-around;font-size:1em;grid-area:header}.App__header h1{margin-top:0;margin-bottom:10px}main{grid-area:main;display:grid;grid-template-columns:30vw 70vw;grid-template-rows:7em 1fr auto;grid-template-areas:"sort input" "table table" "panel panel"}.song__form{grid-area:input;display:flex;flex-direction:column;max-width:70vw}.song__form>button,.song__form>input,.song__form>select{max-width:400px;min-width:50vw;margin:0 auto}.song__sort{grid-area:sort;background-color:rgba(246,237,253,.4)}tbody{background-color:rgba(246,237,253,.6)}.song__panel{grid-area:panel;display:flex;justify-content:left;text-align:left;margin-bottom:auto;background-color:rgba(246,237,253,.4)}.song__panel div{margin-left:10vw}.song__table{margin:0;max-width:700px;font-size:small;grid-area:table}.nav__bar,.song__header{background-color:#e4cbfc}.nav__link{list-style:none;display:flex;justify-content:space-around}article{margin-bottom:auto}footer{grid-area:footer;background-color:#e4cbfc;margin-top:auto}@keyframes App-logo-float{0%{transform:translateY(0)}50%{transform:translateY(5px)}to{transform:translateY(0)}}@media (min-width:768px){.App{font-family:"Ubuntu",sans-serif;width:100%;text-align:center;grid-template-columns:100vw;grid-template-rows:3em 5em minmax(80vh,auto) minmax(3em,auto);grid-template-areas:"nav" "header" "main" "footer"}.App,main{display:grid}main{grid-area:main;grid-template-columns:30vw 70vw;grid-template-rows:9em 1fr minmax(1fr,auto);grid-template-areas:"sort input" "table table" "panel panel"}.song__table{font-size:medium;margin:0 auto}}@media (min-width:1025px){.App{grid-template-rows:3em 5em minmax(80vh,auto) minmax(3em,auto);grid-template-columns:15vw 70vw 15vw;grid-template-areas:"nav nav nav" ". header ." "main main main" "footer footer footer"}.App,main{display:grid}main{grid-area:main;grid-template-columns:15vw 70vw 15vw;grid-template-rows:25px 1fr;grid-template-areas:". input ." "sort table panel"}.App__header,main{justify-content:center}.App__header{display:inline-flex;align-items:center;font-size:1em;grid-area:header}.song__form{grid-area:input;display:inline;max-width:700px;margin:auto}.song__form>input,.song__form>select{max-width:none;min-width:110px;margin:0 auto}.song__form>button{max-width:100px;min-width:50px}.song__table{margin:0 auto}.artist__column,.song__column{width:185px}.genre__column,.rating__column{width:110px}.song__panel{grid-area:panel;display:flex;flex-direction:column;justify-content:left;margin:0}.song__panel div{margin-left:10px}}
/*# sourceMappingURL=main.8e9e83b3.chunk.css.map */