🚀 feat: Dark Mode

source-src/css/_partial/ayer.styl

@@ -55,11 +55,11 @@
     &:hover
       color sea
 
-.to_top
+.float_btns
   position fixed
   bottom 10rem
   right 50px
-  z-index 9
+  z-index 9996
   text-align center
   transform scale(1.2)
 
@@ -89,5 +89,5 @@
     #subtitle-box
       font-size 2rem
   
-  .to_top
+  .float_btns
     right 10px

source-src/css/_partial/reward.styl

@@ -13,8 +13,7 @@
     margin-left 50%
     transform translateX(-50%)
     box-shadow 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
-    -webkit-transition .4s ease-in-out
-    transition .4s ease-in-out
+    transition(.4s ease-in-out)
     cursor pointer
     &:hover,
     &:active

source-src/css/_partial/totop.styl

@@ -18,14 +18,21 @@
   }
 }
 
-.totop
+.totop,.todark
   position relative
-  display inline-block
+  display block
   overflow hidden
   cursor pointer
   rounded-circle(3.2rem)
-  background-color froth-light
+  background-color darken(froth-light,2%)
   line-height 3rem
+  opacity .6
+  transition(opacity 1s ease)
+  &:hover
+    opacity 1
+  
+.totop
+  margin-bottom .8rem
   &:hover > i {
     animation rocket .3s ease-in-out
-  }
+  }