reset the template

_sass/trackplayer.scss

@@ -0,0 +1,97 @@
+
+#trackArt {
+  overflow-x: hidden;
+  flex: 1 1 50%;
+  min-width: 512px;
+  height: 100vh;
+  padding: 0;
+  margin: 0;
+
+  > section {
+    position: absolute;
+    height: 100vh;
+    width: 50%;
+    background: _palette(border-alt);
+    padding: 0;
+    margin: 0;
+    text-align: center;
+    > * {
+      margin: 40px;
+    }
+
+  }
+  .coverartwrapper {
+
+    margin-top: 120px;
+    margin-left: 50%;
+    translate: -50%;
+
+    width: 50%;
+    padding-top: 50%; /* 1:1 Aspect Ratio */
+    position: relative; /* If you want text inside of it */
+  }
+   .coverartwrapped {
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    border-radius: 100%;
+    padding-bottom: 0;
+    background-size: cover;
+  }
+  .playbutton {
+    cursor: pointer;
+    justify-self: center;
+  }
+
+ }
+ #trackInfo {
+  flex: 1 1 50%;
+
+  height:100vh;
+  overflow-y: scroll;
+  overflow-x: hidden;
+  margin: 0;
+  padding: 0;
+  section {
+    text-align: left;
+    > * {
+      margin: 20px;
+    }
+    .info {
+      margin: 20px;
+      padding: 0;
+    }
+  }
+
+  .post-nav-next {
+    text-align: right;
+  }
+  .post-nav {
+    text-align: left;
+  }
+
+ }
+ .playerlogo {
+
+ }
+
+@media only screen and (max-width: 1023px) {
+  #trackArt {
+    height: 80vh;
+    min-width: 100%;
+    section {
+      position: absolute;
+      top: 0;
+      margin: 0;
+      width: 100%;
+      height: 80vh;
+    }
+  }
+ #trackInfo {
+   height: unset;
+   overflow-y: unset;
+ }
+
+}