Hud cutout styling + changes character select

src/components/screens/Characters.vue

@@ -121,6 +121,7 @@ function create() {
         display: flex;
         flex-direction: column;
         background-color: rgba($white, 0.8);
+        outline: 1px solid $white;
         border-radius: 20px;
         position: relative;
 
@@ -206,10 +207,14 @@ function create() {
           padding: 5px;
           border-radius: 100%;
           z-index: 1;
-          right: -5px;
+          right: -10px;
           top: 0;
           transform: translateY(-50%);
           position: absolute;
+
+          &:hover {
+            background-color: $dark-red;
+          }
         }
 
         span {
@@ -244,6 +249,7 @@ function create() {
         border: rgba($white, 0.35) 1px solid;
         border-radius: 5px;
         color: $white;
+        font-size: 18px;
 
         span {
           color: $white;