save

src/assets/css/colors.scss

@@ -1,6 +1,10 @@
-$dark-bg: rgb(46, 46, 46);
-$dark-bg2: rgb(72, 72, 72);
+$dark-main-bg: rgb(46, 46, 46);
+$dark-second-bg: rgb(60, 63, 65);
+
+$font-color: rgb(187, 187, 187);
 
 $main: rgb(12, 140, 233);
-$second: #7B91CB;
-$space: 20rem;
+$second: rgb(75, 110, 175);
+$item-hover: rgb(75, 75, 75);
+$space: 20rem;
+$footer-height: 40rem;

src/assets/css/style.scss

@@ -6,6 +6,7 @@ html, body {
   margin: 0;
   width: 100%;
   height: 100%;
+  color: $font-color;
 }
 
 #app {
@@ -28,6 +29,15 @@ html, body {
   border-radius: 10rem;
 }
 
+footer {
+  box-sizing: content-box;
+  height: $footer-height;
+  display: flex;
+  align-items: flex-end;
+  justify-content: flex-end;
+  gap: $space;
+}
+
 .my-button {
   font-size: 13rem;
   cursor: pointer;