widget page

Dashboard/assets/css/widget.scss

@@ -0,0 +1,68 @@
+@mixin centerer($horizontal: true, $vertical: true) {
+    position: absolute;
+
+    @if ($horizontal and $vertical) {
+        top: 40%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+    }
+
+    @else if ($horizontal) {
+        left: 50%;
+        transform: translate(-50%, 0);
+    }
+
+    @else if ($vertical) {
+        top: 50%;
+        transform: translate(0, -50%);
+    }
+}
+
+@mixin Buttons {
+    font-family: 'Montserrat', sans-serif;
+    background-color: #ffffff;
+    /* Green */
+    border: none;
+    /* border-radius: 1vh; */
+    font-size: 3vw;
+    margin: .5vw;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    font-weight: bold;
+    text-transform: uppercase;
+
+    a {
+        color: rgb(0, 0, 0);
+    }
+}
+
+@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
+
+.center {
+    @include centerer;
+}
+
+body {
+    font-family: 'Montserrat', sans-serif;
+    background: #252525;
+    color: white;
+}
+
+ul {
+    list-style: none;
+}
+
+a {
+    text-decoration: none;
+}
+
+.lists {
+
+    @include centerer();
+
+    .topgg,
+    .botlistspace {
+        padding: 1vh 2vw
+    }
+}