1 files changed, 19 insertions, 65 deletions
diff --git a/assets/css/main.sass b/assets/css/main.sass
index aa10dd8..65427d3 100644
--- a/assets/css/main.sass
+++ b/assets/css/main.sass
@@ -3,87 +3,41 @@
  * @author Marvin Borner
  * @copyright Marvin Borner 2018
 
-// General
+//// General
 $BlueColor: #1e3264
 
-body
+html, body
+    width: 100vw !important
+    background-color: #141518
     font-family: "Varela Round", sans-serif !important
     text-rendering: optimizeLegibility !important
+    color: #bbb
     box-sizing: border-box !important
+    overflow-x: hidden
 
 .Main
     // display: none
     min-height: 100vh
 
-// General headers
-.SectionHeader
-    display: flex
-    justify-content: center
-    align-items: center
-    align-content: space-between
-    width: 100%
+.row:not(.MostWatchedOverview) div
+    border: .5px solid #25272a
 
-.SectionHeader h1
-    text-transform: capitalize
+//// Charts
+.MostWatchedOverview
+    .Description
+        margin: 20px
+    .MostWatchedPoster
+        height: 50%
 
-// Gradients
-.GradientBackground
-    %Gradient
-        position: fixed
-        top: 0
-        left: 0
-        z-index: -1
-        transition: opacity 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s
-        width: 100%
-        height: 100vh
 
-    .Color:not(.Active)
-        display: none
+/// Heatmap
+.HeatmapWrap
+    max-width: 100vw !important
 
-    .GreenBlue
-        background: linear-gradient(145deg, #c3f0c8, #509bf5)
-
-        @extend %Gradient
-
-    .OrangePink
-        background: linear-gradient(145deg, #ffc867, #f037a6)
-
-        @extend %Gradient
-
-    .GreenBlue
-        background: linear-gradient(145deg, #c3f0c8, #509bf5)
-
-        @extend %Gradient
-
-// Favorites
-.FavoritesSection
-    .SectionHeader
-        height: 40vh
-        color: $BlueColor
-
-    .MostWatchedOverview
-        padding: 10vw
-
-        .OverviewText
-            position: relative
-            float: left
-            max-width: 50%
-
-        .MostWatchedPoster
-            position: relative
-            float: right
-            max-width: 50%
-            margin-bottom: 20px
-
-// Charts
-canvas#MostWatchedChart
-    opacity: 0
-
-
-// Heatmap
 text.month-name,
 text.calendar-heatmap-legend-text,
-text.day-initial 
+text.day-initial
+    fill: #bbb
     font-size: 10px
     font-family: Helvetica, arial, 'Open Sans', sans-serif