Added the glassy class to the GameCreation.jsx

webui/src/pages/GameCreation/GameCreation.jsx

@@ -16,11 +16,11 @@ export const GameCreation = () => {
 
                 <div className="right-area">
 
-                    <div className="settings-area">
+                    <div className="glassy settings-area">
 
                     </div>
 
-                    <button className="start-btn"><FontAwesomeIcon icon={faPlay} /> Starten</button>
+                    <button className="glassy start-btn"><FontAwesomeIcon icon={faPlay} /> Starten</button>
                 </div>
             </div>
         </div>

webui/src/pages/GameCreation/styles.sass

@@ -17,10 +17,6 @@
   gap: 16vw
 
 .settings-area
-  background-color: $background
-  backdrop-filter: blur(10px)
-  border: 2px solid $border
-  border-radius: 0.8rem
   width: 18rem
   height: 25rem
 
@@ -28,13 +24,9 @@
   margin-top: 1rem
   width: 100%
   padding: 0.6rem
-  border-radius: 0.8rem
-  background-color: $background
-  backdrop-filter: blur(10px)
   color: $white
   font-size: 22pt
   font-weight: 600
-  border: 2px solid $border
   cursor: pointer
   transition: 0.2s
   display: flex