|
|
|
@ -23,8 +23,26 @@ tbody tr:nth-child(even) td{
|
|
|
|
background:#eeeeee;
|
|
|
|
background:#eeeeee;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
nav {
|
|
|
|
|
|
|
|
text-align:right;
|
|
|
|
|
|
|
|
position:fixed;
|
|
|
|
|
|
|
|
width:100%;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
nav ul {
|
|
|
|
|
|
|
|
list-style:none;
|
|
|
|
|
|
|
|
/*background-color:rgba(100,100,100, 0.5);*/
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
nav ul li {
|
|
|
|
|
|
|
|
padding: 1em;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 900px){
|
|
|
|
@media (min-width: 900px){
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
nav {
|
|
|
|
|
|
|
|
display:none;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
main {
|
|
|
|
main {
|
|
|
|
height:100vh;
|
|
|
|
height:100vh;
|
|
|
|
display:grid;
|
|
|
|
display:grid;
|
|
|
|
@ -42,13 +60,3 @@ tbody tr:nth-child(even) td{
|
|
|
|
#songs { grid-area: 2 / 3 / 3 / 4; }
|
|
|
|
#songs { grid-area: 2 / 3 / 3 / 4; }
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
nav {
|
|
|
|
|
|
|
|
text-align:right;
|
|
|
|
|
|
|
|
position:fixed;
|
|
|
|
|
|
|
|
width:100%;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
nav ul {
|
|
|
|
|
|
|
|
list-style:none;
|
|
|
|
|
|
|
|
/*background-color:rgba(100,100,100, 0.5);*/
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|