diff --git a/Frontend/Dockerfile b/Frontend/Dockerfile
index 57731f9..0db61c6 100644
--- a/Frontend/Dockerfile
+++ b/Frontend/Dockerfile
@@ -24,7 +24,7 @@ COPY --chown=www:www ./Frontend/package-lock.json /app/package-lock.json
 COPY --chown=www:www ./Frontend/vite.config.js /app/vite.config.js
 COPY --chown=www:www ./Frontend/src /app/src
 COPY --chown=www:www ./Frontend/src /www/
-COPY --chown=www:www ./Frontend/default.jpg /www/avatars/
+COPY --chown=www:www ./Frontend/src/assets/images/default.jpg /www/avatars/
 COPY --chown=www:www ./Frontend/tools.sh /app/tools.sh
 
 # Install npm dependencies
diff --git a/Frontend/default.jpg b/Frontend/default.jpg
deleted file mode 100644
index 931b953..0000000
Binary files a/Frontend/default.jpg and /dev/null differ
diff --git a/Frontend/src/css/body.css b/Frontend/src/css/body.css
deleted file mode 100644
index 815f711..0000000
--- a/Frontend/src/css/body.css
+++ /dev/null
@@ -1,45 +0,0 @@
-body {
-    overflow: hidden;
-    background-image: url("../assets/images/Pong.jpg");
-    background-size: cover;
-    background-repeat: no-repeat;
-    background-position: center;
-    color: lightgrey;
-}
-
-.font {
-    color: white;
-    display: flex;
-    justify-content: center;
-    font-family: "Teko", sans-serif;
-    font-size: 20px;
-}
-
-.ErrorMessage {
-    font-size: 23px;
-    font-family: "Teko", sans-serif;
-    color: red;
-    margin-top: -10px; /* Space between title and error message */
-    margin-bottom: -10px; /* Space between error message and body */
-    text-align: center;
-}
-
-.signup-link {
-    margin-left: 10px;
-}
-
-.form {
-    display: flex;
-    flex-direction: column;
-}
-
-#imageInput {
-    display: none;
-}
-
-#playerForm {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-}
\ No newline at end of file
diff --git a/Frontend/src/css/buttons.css b/Frontend/src/css/buttons.css
deleted file mode 100644
index 985dbe9..0000000
--- a/Frontend/src/css/buttons.css
+++ /dev/null
@@ -1,94 +0,0 @@
-
-.buttons {
-    background-color: transparent;
-    border: none;
-    color: rgb(255, 255, 255);
-    text-decoration: none;
-    outline: none;
-    cursor: pointer;
-    font-family: "Teko", sans-serif;
-    font-size: 50px;
-    margin: -10px;
-    padding: 0.1px 5px;
-    box-shadow: none;
-    display: inline-block;
-    text-align: center;
-    text-shadow: -2px 0 black, 0 2px black, 1px 0 black, 0 -2px black;
-}
-
-.buttons:hover {
-    background-color: transparent;
-    color: rgb(0, 0, 0);
-    transform: scale(1.5);
-    transition: transform 0.3s ease-in-out;
-    text-shadow: none;
-}
-
-.buttons:focus {
-    outline: none;
-    box-shadow: none;
-}
-
-.buttonContainer {
-    position: relative;
-    z-index: 2;
-    top: 0;
-    left: 0;
-    top: -100px;
-    width: 100%;
-    height: 100vh;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-}
-
-.submitContainer {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 100%;
-}
-
-.submit {
-    background-color: transparent;
-    border: none;
-    color: rgb(255, 255, 255);
-    outline: none;
-    font-family: "Teko", sans-serif;
-    font-size: 200%;
-}
-
-.submit:focus {
-    outline: none;
-    box-shadow: none;
-}
-
-.submit:hover {
-    background-color: transparent;
-    color: rgb(0, 0, 0);
-    text-shadow: -2px 0 rgb(251, 245, 245), 0 2px rgb(255, 255, 255), 1px 0 rgb(255, 255, 255), 0 -2px rgb(255, 255, 255);    
-}
-
-.close {
-    position: absolute;
-    top: 10px;
-    right: 10px;
-    border: none;
-    background: none;
-    color: white;
-    font-family: "Teko", sans-serif;
-    font-size: 220%;
-    text-shadow: -2px 0 black, 0 2px black, 1px 0 black, 0 -2px black;
-}
-
-.close:focus {
-    outline: none;
-    box-shadow: none;
-}
-
-.close:hover {
-    background-color: transparent;
-    color: rgb(0, 0, 0);
-    text-shadow: -2px 0 rgb(251, 245, 245), 0 2px rgb(255, 255, 255), 1px 0 rgb(255, 255, 255), 0 -2px rgb(255, 255, 255);    
-}
\ No newline at end of file
diff --git a/Frontend/src/css/modal.css b/Frontend/src/css/modal.css
deleted file mode 100644
index 6d9babc..0000000
--- a/Frontend/src/css/modal.css
+++ /dev/null
@@ -1,123 +0,0 @@
-.modal-dialog {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-  margin:auto;
-  /*top: 1.5%;
-  bottom: 1.5%; */
-}
-
-#threejsContainer {
-  position: relative;
-  width: 800px;
-  height: 600px; /* Adjust the height as needed */
-}
-
-.modal-content {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-  width: 400px;
-  background: radial-gradient(ellipse at bottom, #0d1d31 0%, #0c0d13 100%);
-  overflow: hidden;
-  position: relative;
-  margin-top:200px;
-}
-
-.modal-body {
-  display: block;
-  justify-content: center;
-  align-items: center;
-}
-
-.modal-title {
-  color:white;
-  text-align: center;
-  font-family: "Teko", sans-serif;
-}
-
-.modal-header {
-  border-bottom: none;
-}
-
-.labelFont {
-	color: white;
-}
-
-.form-group {
-  margin-bottom: 10px;
-  width: 200px;
-}
-
-/* ABOUT */
-.aboutTitle {
-  display: flex;
-  justify-content: center;
-  color: white;
-  background-color: transparent;
-  border: none;
-  outline: none;
-  font-family: "Teko", sans-serif;
-  font-size: 40px;
-  margin-bottom: -5px;
-  box-shadow: none;
-  text-align: center;
-  text-shadow: -2px 0 black, 0 2px black, 1px 0 black, 0 -2px black;
-}
-
-.aboutText {
-  display: flex;
-  justify-content: center;
-  border: none;
-  color: rgb(255, 255, 255);
-  outline: none;
-  font-family: "Teko", sans-serif;
-  font-size: 25px;
-  margin-bottom: -5px;
-  box-shadow: none;
-  text-shadow: -2px 0 black, 0 2px black, 1px 0 black, 0 -2px black;
-}
-
-.aboutBody {
-  display: block;
-}
-
-.aboutText:hover {
-  background-color: transparent;
-  transform: scale(1.5);
-  transition: transform 0.3s ease-in-out;
-  text-shadow: none;
-}
-
-/* Profile */
-.profileTitle {
-  display: flex;
-  justify-content: left;
-  color: lightsalmon;
-  font-family: "Teko", sans-serif;
-  font-size: 40px;
-  margin-bottom: -5px;
-  box-shadow: none;
-  display: inline-block;
-  text-align: left;
-  text-shadow: -2px 0 black, 0 2px black, 1px 0 black, 0 -2px black;
-}
-
-.profileText {
-  display: flex;
-  justify-content: left;
-  border: none;
-  color: lightgray;
-  font-family: "Teko", sans-serif;
-  font-size: 25px;
-  margin-bottom: -5px;
-  text-shadow: -2px 0 black, 0 2px black, 1px 0 black, 0 -2px black;
-}
-
-.modal-footer {
-  border-top: none;
-  display: flex;
-  justify-content: center;
-}
\ No newline at end of file
diff --git a/Frontend/src/css/stars.css b/Frontend/src/css/stars.css
deleted file mode 100644
index a851a52..0000000
--- a/Frontend/src/css/stars.css
+++ /dev/null
@@ -1,364 +0,0 @@
-.stars {
-    position: absolute;
-    top: 652px;
-    left: -770px;
-    width: 423px;
-    height: 450px;
-    transform: rotate(-45deg);
-}
-
-.star {
-    --star-color: white;
-    --star-tail-length: 6em;
-    --star-tail-height: 2px;
-    --star-width: calc(var(--star-tail-length) / 6);
-    --fall-duration: 9s;
-    --tail-fade-duration: var(--fall-duration);
-  
-    position: absolute;
-    top: var(--top-offset);
-    left: 0;
-    width: var(--star-tail-length);
-    height: var(--star-tail-height);
-    color: var(--star-color);
-    background: linear-gradient(45deg, currentColor, transparent);
-    border-radius: 50%;
-    filter: drop-shadow(0 0 6px currentColor);
-    transform: translate3d(104em, 0, 0);
-    animation: fall var(--fall-duration) var(--fall-delay) linear infinite, tail-fade var(--tail-fade-duration) var(--fall-delay) ease-out infinite; }
-    @media screen and (max-width: 750px) {
-      .star {
-        animation: fall var(--fall-duration) var(--fall-delay) linear infinite; } }
-    .star:nth-child(1) {
-    --star-tail-length: 6em;
-    --top-offset: 87.84vh;
-    --fall-duration: 9.644s;
-    --fall-delay: 9.74s;
-  }
-  .star:nth-child(2) {
-    --star-tail-length: 6.25em;
-    --top-offset: 68.32vh;
-    --fall-duration: 8.775s;
-    --fall-delay: 9.877s;
-  }
-  .star:nth-child(3) {
-    --star-tail-length: 5.9em;
-    --top-offset: 0.38vh;
-    --fall-duration: 7.621s;
-    --fall-delay: 5.044s;
-  }
-  .star:nth-child(4) {
-    --star-tail-length: 6.69em;
-    --top-offset: 25.49vh;
-    --fall-duration: 6.574s;
-    --fall-delay: 6.033s;
-  }
-  .star:nth-child(5) {
-    --star-tail-length: 7.43em;
-    --top-offset: 28.9vh;
-    --fall-duration: 10.651s;
-    --fall-delay: 7.33s;
-  }
-  .star:nth-child(6) {
-    --star-tail-length: 5.85em;
-    --top-offset: 44.78vh;
-    --fall-duration: 10.116s;
-    --fall-delay: 8.484s;
-  }
-  .star:nth-child(7) {
-    --star-tail-length: 6.92em;
-    --top-offset: 53.24vh;
-    --fall-duration: 10.804s;
-    --fall-delay: 3.257s;
-  }
-  .star:nth-child(8) {
-    --star-tail-length: 5.99em;
-    --top-offset: 74.37vh;
-    --fall-duration: 7.744s;
-    --fall-delay: 7.047s;
-  }
-  .star:nth-child(9) {
-    --star-tail-length: 5.92em;
-    --top-offset: 98.31vh;
-    --fall-duration: 11.173s;
-    --fall-delay: 9.207s;
-  }
-  .star:nth-child(10) {
-    --star-tail-length: 6.77em;
-    --top-offset: 43.04vh;
-    --fall-duration: 6.314s;
-    --fall-delay: 4.463s;
-  }
-  .star:nth-child(11) {
-    --star-tail-length: 6.65em;
-    --top-offset: 37.64vh;
-    --fall-duration: 10.155s;
-    --fall-delay: 9.058s;
-  }
-  .star:nth-child(12) {
-    --star-tail-length: 6.23em;
-    --top-offset: 21.13vh;
-    --fall-duration: 10.8s;
-    --fall-delay: 4.784s;
-  }
-  .star:nth-child(13) {
-    --star-tail-length: 5.64em;
-    --top-offset: 27.33vh;
-    --fall-duration: 10.012s;
-    --fall-delay: 1.905s;
-  }
-  .star:nth-child(14) {
-    --star-tail-length: 6.37em;
-    --top-offset: 92.6vh;
-    --fall-duration: 10.299s;
-    --fall-delay: 1.334s;
-  }
-  .star:nth-child(15) {
-    --star-tail-length: 6.69em;
-    --top-offset: 31.07vh;
-    --fall-duration: 10.713s;
-    --fall-delay: 0.383s;
-  }
-  .star:nth-child(16) {
-    --star-tail-length: 6.03em;
-    --top-offset: 86.04vh;
-    --fall-duration: 9.778s;
-    --fall-delay: 6.438s;
-  }
-  .star:nth-child(17) {
-    --star-tail-length: 6.95em;
-    --top-offset: 94.73vh;
-    --fall-duration: 7.426s;
-    --fall-delay: 0.99s;
-  }
-  .star:nth-child(18) {
-    --star-tail-length: 6.57em;
-    --top-offset: 32.17vh;
-    --fall-duration: 11.708s;
-    --fall-delay: 3.842s;
-  }
-  .star:nth-child(19) {
-    --star-tail-length: 6.23em;
-    --top-offset: 55.83vh;
-    --fall-duration: 9.527s;
-    --fall-delay: 9.054s;
-  }
-  .star:nth-child(20) {
-    --star-tail-length: 5.27em;
-    --top-offset: 71.28vh;
-    --fall-duration: 11.281s;
-    --fall-delay: 9.634s;
-  }
-  .star:nth-child(21) {
-    --star-tail-length: 5.93em;
-    --top-offset: 45.89vh;
-    --fall-duration: 11.768s;
-    --fall-delay: 2.449s;
-  }
-  .star:nth-child(22) {
-    --star-tail-length: 7.31em;
-    --top-offset: 81.43vh;
-    --fall-duration: 6.473s;
-    --fall-delay: 6.981s;
-  }
-  .star:nth-child(23) {
-    --star-tail-length: 7.2em;
-    --top-offset: 67.76vh;
-    --fall-duration: 9.297s;
-    --fall-delay: 0.83s;
-  }
-  .star:nth-child(24) {
-    --star-tail-length: 5.28em;
-    --top-offset: 86.77vh;
-    --fall-duration: 8.486s;
-    --fall-delay: 6.243s;
-  }
-  .star:nth-child(25) {
-    --star-tail-length: 6.38em;
-    --top-offset: 34.17vh;
-    --fall-duration: 11.28s;
-    --fall-delay: 8.797s;
-  }
-  .star:nth-child(26) {
-    --star-tail-length: 7.49em;
-    --top-offset: 45.69vh;
-    --fall-duration: 11.26s;
-    --fall-delay: 2.354s;
-  }
-  .star:nth-child(27) {
-    --star-tail-length: 5.58em;
-    --top-offset: 85.48vh;
-    --fall-duration: 11.933s;
-    --fall-delay: 3.807s;
-  }
-  .star:nth-child(28) {
-    --star-tail-length: 6.82em;
-    --top-offset: 89.52vh;
-    --fall-duration: 9.003s;
-    --fall-delay: 2.398s;
-  }
-  .star:nth-child(29) {
-    --star-tail-length: 6.51em;
-    --top-offset: 68.05vh;
-    --fall-duration: 11.969s;
-    --fall-delay: 4.861s;
-  }
-  .star:nth-child(30) {
-    --star-tail-length: 7.4em;
-    --top-offset: 74.29vh;
-    --fall-duration: 10.872s;
-    --fall-delay: 7.879s;
-  }
-  .star:nth-child(31) {
-    --star-tail-length: 6.17em;
-    --top-offset: 45.78vh;
-    --fall-duration: 11.042s;
-    --fall-delay: 9.725s;
-  }
-  .star:nth-child(32) {
-    --star-tail-length: 7.04em;
-    --top-offset: 14.82vh;
-    --fall-duration: 11.321s;
-    --fall-delay: 4.517s;
-  }
-  .star:nth-child(33) {
-    --star-tail-length: 5.27em;
-    --top-offset: 23.66vh;
-    --fall-duration: 7.796s;
-    --fall-delay: 7.337s;
-  }
-  .star:nth-child(34) {
-    --star-tail-length: 5.46em;
-    --top-offset: 98.58vh;
-    --fall-duration: 8.312s;
-    --fall-delay: 6.506s;
-  }
-  .star:nth-child(35) {
-    --star-tail-length: 6.3em;
-    --top-offset: 52.87vh;
-    --fall-duration: 8.803s;
-    --fall-delay: 3.044s;
-  }
-  .star:nth-child(36) {
-    --star-tail-length: 5.22em;
-    --top-offset: 62.61vh;
-    --fall-duration: 7.768s;
-    --fall-delay: 5.106s;
-  }
-  .star:nth-child(37) {
-    --star-tail-length: 6.46em;
-    --top-offset: 96.73vh;
-    --fall-duration: 7.259s;
-    --fall-delay: 8.849s;
-  }
-  .star:nth-child(38) {
-    --star-tail-length: 7.2em;
-    --top-offset: 14.03vh;
-    --fall-duration: 10.62s;
-    --fall-delay: 4.094s;
-  }
-  .star:nth-child(39) {
-    --star-tail-length: 6.47em;
-    --top-offset: 12.02vh;
-    --fall-duration: 6.779s;
-    --fall-delay: 0.414s;
-  }
-  .star:nth-child(40) {
-    --star-tail-length: 5.18em;
-    --top-offset: 8.28vh;
-    --fall-duration: 9.473s;
-    --fall-delay: 0.026s;
-  }
-  .star:nth-child(41) {
-    --star-tail-length: 5.79em;
-    --top-offset: 99.67vh;
-    --fall-duration: 11.487s;
-    --fall-delay: 1.244s;
-  }
-  .star:nth-child(42) {
-    --star-tail-length: 5.95em;
-    --top-offset: 83.7vh;
-    --fall-duration: 9.159s;
-    --fall-delay: 4.584s;
-  }
-  .star:nth-child(43) {
-    --star-tail-length: 6.99em;
-    --top-offset: 61.95vh;
-    --fall-duration: 6.15s;
-    --fall-delay: 9.113s;
-  }
-  .star:nth-child(44) {
-    --star-tail-length: 7.16em;
-    --top-offset: 38.39vh;
-    --fall-duration: 9.667s;
-    --fall-delay: 5.155s;
-  }
-  .star:nth-child(45) {
-    --star-tail-length: 6.04em;
-    --top-offset: 90.92vh;
-    --fall-duration: 11.087s;
-    --fall-delay: 0.721s;
-  }
-  .star:nth-child(46) {
-    --star-tail-length: 6.2em;
-    --top-offset: 74.62vh;
-    --fall-duration: 9.805s;
-    --fall-delay: 2.999s;
-  }
-  .star:nth-child(47) {
-    --star-tail-length: 5.01em;
-    --top-offset: 47.41vh;
-    --fall-duration: 8.064s;
-    --fall-delay: 2.837s;
-  }
-  .star:nth-child(48) {
-    --star-tail-length: 6em;
-    --top-offset: 76.74vh;
-    --fall-duration: 11.738s;
-    --fall-delay: 3.877s;
-  }
-  .star:nth-child(49) {
-    --star-tail-length: 5.48em;
-    --top-offset: 92.73vh;
-    --fall-duration: 7.19s;
-    --fall-delay: 3.765s;
-  }
-  .star:nth-child(50) {
-    --star-tail-length: 5.46em;
-    --top-offset: 2.52vh;
-    --fall-duration: 6.008s;
-    --fall-delay: 6.308s;
-  }
-    .star::before, .star::after {
-      position: absolute;
-      content: '';
-      top: 0;
-      left: calc(var(--star-width) / -2);
-      width: var(--star-width);
-      height: 100%;
-      background: linear-gradient(45deg, transparent, currentColor, transparent);
-      border-radius: inherit;
-      animation: blink 2s linear infinite; }
-    .star::before {
-      transform: rotate(45deg); }
-    .star::after {
-      transform: rotate(-45deg); }
-  
-  @keyframes fall {
-    to {
-      transform: translate3d(-30em, 0, 0); } }
-  
-  @keyframes tail-fade {
-    0%, 50% {
-      width: var(--star-tail-length);
-      opacity: 1; }
-    70%, 80% {
-      width: 0;
-      opacity: 0.4; }
-    100% {
-      width: 0;
-      opacity: 0; } }
-  
-  @keyframes blink {
-    50% {
-      opacity: 0.6; } }
\ No newline at end of file
diff --git a/Frontend/src/css/svg.css b/Frontend/src/css/svg.css
deleted file mode 100644
index 25318dc..0000000
--- a/Frontend/src/css/svg.css
+++ /dev/null
@@ -1,36 +0,0 @@
-.headerContainer {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-#logo {
-    stroke-dasharray: 1000;
-    stroke-dashoffset: 1000;
-    animation: drawAndErase 10s linear infinite;
-    stroke-linecap: round;
-    fill-rule: evenodd;
-    font-size: 20pt;
-    stroke: #000;
-    stroke-width: 0.25mm;
-    fill: none;
-}
-
-@keyframes drawAndErase {
-    5% {
-        stroke-dashoffset: 1000;
-        fill: transparent;
-    }
-    20%, 50% {
-        stroke-dashoffset: 0;
-        fill: transparent;
-    }
-    50%, 75% {
-        stroke-dashoffset: 0;
-        fill: rgb(0, 0, 0);
-    }
-    90%, 100% {
-        stroke-dashoffset: 1000;
-        fill: transparent;
-    }
-}
diff --git a/Frontend/src/html/loginModal.html b/Frontend/src/html/loginModal.html
deleted file mode 100644
index fb07cb8..0000000
--- a/Frontend/src/html/loginModal.html
+++ /dev/null
@@ -1,19 +0,0 @@
-<form id="loginForm" class="form">
-    <div class="form-group">
-        <label class="labelFont" for="loginUsername">Username</label>
-        <input type="text" class="form-control" id="loginUsername" placeholder="Enter username" required
-            aria-label="Username">
-    </div>
-    <div class="form-group">
-        <label class="labelFont" for="loginPassword">Password</label>
-        <input type="password" class="form-control" id="loginPassword" placeholder="Enter password" required
-            aria-label="Password">
-    </div>
-    <button type="submit" class="submit">Log in</button>
-</form>
-<div class="row mt-3">
-    <p class="font text-center">
-        Don't have an account? <a href="#" class="signup-link" data-bs-dismiss="modal" data-bs-toggle="modal"
-            data-bs-target="#signUpModal">Sign up</a>
-    </p>
-</div>
\ No newline at end of file
diff --git a/Frontend/src/html/signUpModal.html b/Frontend/src/html/signUpModal.html
deleted file mode 100644
index ffb90ed..0000000
--- a/Frontend/src/html/signUpModal.html
+++ /dev/null
@@ -1,19 +0,0 @@
-<form id="signUpForm" class="form">
-    <div class="form-group">
-        <label class="labelFont" for="signUpEmail">Email</label>
-        <input type="email" class="form-control" id="signUpEmail" placeholder="Enter email" required>
-    </div>
-    <div class="form-group">
-        <label class="labelFont" for="signUpUsername">Username</label>
-        <input type="text" class="form-control" id="signUpUsername" placeholder="Enter username" required>
-    </div>
-    <div class="form-group">
-        <label class="labelFont" for="signUpPassword">Password</label>
-        <input type="password" class="form-control" id="signUpPassword" placeholder="Enter password" required>
-    </div>
-    <div class="form-group">
-        <label class="labelFont" for="signUpRePassword">Re-enter Password</label>
-        <input type="password" class="form-control" id="signUpRePassword" placeholder="Re-enter password" required>
-    </div>
-    <button type="submit" class="submit">Sign up</button>
-</form>
diff --git a/Frontend/src/html/tournamentModal.html b/Frontend/src/html/tournamentModal.html
deleted file mode 100644
index d303f1a..0000000
--- a/Frontend/src/html/tournamentModal.html
+++ /dev/null
@@ -1,34 +0,0 @@
-<form id="playerForm" class="Form">
-        <p class="font">Select number of players:</p>
-        <div class="row justify-content-center">
-                <div class="col-md-3">
-                        <div class="form-check">
-                                <input class="form-check-input" type="radio" name="playerCount" id="2vs2" value="2">
-                                <label class="form-check-label font" for="2vs2">2</label>
-                        </div>
-                </div>
-                <div class="col-md-3">
-                        <div class="form-check">
-                                <input class="form-check-input" type="radio" name="playerCount" id="4vs4" value="4">
-                                <label class="form-check-label font" for="4vs4">4</label>
-                        </div>
-                </div>
-                <div class="col-md-3">
-                        <div class="form-check">
-                                <input class="form-check-input" type="radio" name="playerCount" id="6vs6" value="6">
-                                <label class="form-check-label font" for="6vs6">6</label>
-                        </div>
-                </div>
-                <div class="col-md-3">
-                        <div class="form-check">
-                                <input class="form-check-input" type="radio" name="playerCount" id="8vs8" value="8">
-                                <label class="form-check-label font" for="8vs8">8</label>
-                        </div>
-                </div>
-        </div>
-        <div id="playerAliasInputs" style="display: none;">
-                <!-- Player alias inputs will be dynamically added here -->
-        </div>
-        <button type="submit" class="submit">Play</button>
-</form>
-<script src="js/modals/tournament.js"></script>
\ No newline at end of file
diff --git a/Frontend/src/js/stars.js b/Frontend/src/js/stars.js
deleted file mode 100644
index a925e6b..0000000
--- a/Frontend/src/js/stars.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function generateStars(containerSelector, numberOfStars) {
-    const starsContainer = document.querySelector(containerSelector);
-    for (let index = 0; index < numberOfStars; index++) {
-        const starDiv = document.createElement('div');
-        starDiv.className = 'star';
-        starsContainer.appendChild(starDiv);
-    }
-}
\ No newline at end of file
diff --git a/Frontend/src/onlineplaytest.html b/Frontend/src/onlineplaytest.html
deleted file mode 100644
index 3801c4d..0000000
--- a/Frontend/src/onlineplaytest.html
+++ /dev/null
@@ -1,82 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>testi</title>
-
-    <link href="https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap" rel="stylesheet">
-    <!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"> -->
-    <!-- <link rel="stylesheet" href="css/buttons.css">
-    <link rel="stylesheet" href="css/svg.css">
-    <link rel="stylesheet" href="css/body.css">
-    <link rel="stylesheet" href="css/modal.css">
-    <link rel="stylesheet" href="css/stars.css"> -->
-</head>
-
-<body>
-
-    <script type="module" src="./js/remoteplaytest.js"></script>
-    <!-- Waiting room -->
-    <div class="modal fade" id="onlineTestModal" tabindex="-1" aria-labelledby="onlineTestModalLabel" aria-hidden="false">
-        <div class="modal-dialog">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <h2 class="modal-title" id="onlineTestModallLabel">Testing</h2>
-                    <button type="button" data-bs-dismiss="modal" class="close" aria-label="Close">
-                        <span aria-hidden="true">&times;</span>
-                </div>
-                <div class="modal-body">
-                    <p id="lobbyMessage">Waiting for players...</p>
-                    <p>set custom values for game id's and player id's</p>
-                    <div class="mb-3">
-                        <label for="gameId" class="form-label">Game ID</label>
-                        <input type="text" class="form-control" id="gameId" placeholder="Enter game ID">
-                      </div>
-                      <div class="mb-3">
-                        <label for="playerId1" class="form-label">Player ID 1</label>
-                        <input type="text" class="form-control" id="playerId1" placeholder="Enter player ID 1">
-                      </div>
-                      <div class="mb-3">
-                        <label for="playerId2" class="form-label">Player ID 2</label>
-                        <input type="text" class="form-control" id="playerId2" placeholder="Enter player ID 2">
-                      </div>
-                      <div class="mb-3">
-                        <label for="playerId2" class="form-label">Your id</label>
-                        <input type="text" class="form-control" id="localPlayerId" placeholder="Enter your id">
-                      </div>
-
-                </div>
-                <div class="modal-footer">
-                    <button type="button" class="btn btn-primary" id="startRemoteGameButton" data-bs-target="#pongModal">Start Game</button>
-                    <button type="button" class="submit" data-bs-dismiss="modal">Cancel</button>
-                </div>
-            </div>
-        </div>
-    </div>
-    
-
-    <!-- Pong Game Modal -->
-    <div class="modal fade game-modal" id="pongModal" tabindex="-1" role="dialog" aria-labelledby="pongModalLabel" aria-hidden="true">
-        <div class="modal-dialog modal-lg" style="max-width: 820px;" role="document">
-            <div class="modal-content">
-                <div class="modal-header row col-md-12">
-                    <div class="col-md-2"></div>
-                    <div class="col-md-8">
-                        <h2 class="modal-title" id="pongModalLabel">Local game (press esc to quit)</h2>
-                    </div>
-                    <div class="col-md-2 text-end">
-                        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
-                            <span aria-hidden="true">&times;</span>
-                        </button>
-                    </div>
-                </div>
-                <div class="modal-body" id="pongContent">
-                    <div id="pongGameContainer" style="width: 800px; height: 600px; margin: auto;"></div>
-                </div>
-            </div>
-        </div>
-    </div>
-</body>
-</html>
\ No newline at end of file
diff --git a/Frontend/src/scss/_stars.scss b/Frontend/src/scss/_stars.scss
deleted file mode 100644
index a851a52..0000000
--- a/Frontend/src/scss/_stars.scss
+++ /dev/null
@@ -1,364 +0,0 @@
-.stars {
-    position: absolute;
-    top: 652px;
-    left: -770px;
-    width: 423px;
-    height: 450px;
-    transform: rotate(-45deg);
-}
-
-.star {
-    --star-color: white;
-    --star-tail-length: 6em;
-    --star-tail-height: 2px;
-    --star-width: calc(var(--star-tail-length) / 6);
-    --fall-duration: 9s;
-    --tail-fade-duration: var(--fall-duration);
-  
-    position: absolute;
-    top: var(--top-offset);
-    left: 0;
-    width: var(--star-tail-length);
-    height: var(--star-tail-height);
-    color: var(--star-color);
-    background: linear-gradient(45deg, currentColor, transparent);
-    border-radius: 50%;
-    filter: drop-shadow(0 0 6px currentColor);
-    transform: translate3d(104em, 0, 0);
-    animation: fall var(--fall-duration) var(--fall-delay) linear infinite, tail-fade var(--tail-fade-duration) var(--fall-delay) ease-out infinite; }
-    @media screen and (max-width: 750px) {
-      .star {
-        animation: fall var(--fall-duration) var(--fall-delay) linear infinite; } }
-    .star:nth-child(1) {
-    --star-tail-length: 6em;
-    --top-offset: 87.84vh;
-    --fall-duration: 9.644s;
-    --fall-delay: 9.74s;
-  }
-  .star:nth-child(2) {
-    --star-tail-length: 6.25em;
-    --top-offset: 68.32vh;
-    --fall-duration: 8.775s;
-    --fall-delay: 9.877s;
-  }
-  .star:nth-child(3) {
-    --star-tail-length: 5.9em;
-    --top-offset: 0.38vh;
-    --fall-duration: 7.621s;
-    --fall-delay: 5.044s;
-  }
-  .star:nth-child(4) {
-    --star-tail-length: 6.69em;
-    --top-offset: 25.49vh;
-    --fall-duration: 6.574s;
-    --fall-delay: 6.033s;
-  }
-  .star:nth-child(5) {
-    --star-tail-length: 7.43em;
-    --top-offset: 28.9vh;
-    --fall-duration: 10.651s;
-    --fall-delay: 7.33s;
-  }
-  .star:nth-child(6) {
-    --star-tail-length: 5.85em;
-    --top-offset: 44.78vh;
-    --fall-duration: 10.116s;
-    --fall-delay: 8.484s;
-  }
-  .star:nth-child(7) {
-    --star-tail-length: 6.92em;
-    --top-offset: 53.24vh;
-    --fall-duration: 10.804s;
-    --fall-delay: 3.257s;
-  }
-  .star:nth-child(8) {
-    --star-tail-length: 5.99em;
-    --top-offset: 74.37vh;
-    --fall-duration: 7.744s;
-    --fall-delay: 7.047s;
-  }
-  .star:nth-child(9) {
-    --star-tail-length: 5.92em;
-    --top-offset: 98.31vh;
-    --fall-duration: 11.173s;
-    --fall-delay: 9.207s;
-  }
-  .star:nth-child(10) {
-    --star-tail-length: 6.77em;
-    --top-offset: 43.04vh;
-    --fall-duration: 6.314s;
-    --fall-delay: 4.463s;
-  }
-  .star:nth-child(11) {
-    --star-tail-length: 6.65em;
-    --top-offset: 37.64vh;
-    --fall-duration: 10.155s;
-    --fall-delay: 9.058s;
-  }
-  .star:nth-child(12) {
-    --star-tail-length: 6.23em;
-    --top-offset: 21.13vh;
-    --fall-duration: 10.8s;
-    --fall-delay: 4.784s;
-  }
-  .star:nth-child(13) {
-    --star-tail-length: 5.64em;
-    --top-offset: 27.33vh;
-    --fall-duration: 10.012s;
-    --fall-delay: 1.905s;
-  }
-  .star:nth-child(14) {
-    --star-tail-length: 6.37em;
-    --top-offset: 92.6vh;
-    --fall-duration: 10.299s;
-    --fall-delay: 1.334s;
-  }
-  .star:nth-child(15) {
-    --star-tail-length: 6.69em;
-    --top-offset: 31.07vh;
-    --fall-duration: 10.713s;
-    --fall-delay: 0.383s;
-  }
-  .star:nth-child(16) {
-    --star-tail-length: 6.03em;
-    --top-offset: 86.04vh;
-    --fall-duration: 9.778s;
-    --fall-delay: 6.438s;
-  }
-  .star:nth-child(17) {
-    --star-tail-length: 6.95em;
-    --top-offset: 94.73vh;
-    --fall-duration: 7.426s;
-    --fall-delay: 0.99s;
-  }
-  .star:nth-child(18) {
-    --star-tail-length: 6.57em;
-    --top-offset: 32.17vh;
-    --fall-duration: 11.708s;
-    --fall-delay: 3.842s;
-  }
-  .star:nth-child(19) {
-    --star-tail-length: 6.23em;
-    --top-offset: 55.83vh;
-    --fall-duration: 9.527s;
-    --fall-delay: 9.054s;
-  }
-  .star:nth-child(20) {
-    --star-tail-length: 5.27em;
-    --top-offset: 71.28vh;
-    --fall-duration: 11.281s;
-    --fall-delay: 9.634s;
-  }
-  .star:nth-child(21) {
-    --star-tail-length: 5.93em;
-    --top-offset: 45.89vh;
-    --fall-duration: 11.768s;
-    --fall-delay: 2.449s;
-  }
-  .star:nth-child(22) {
-    --star-tail-length: 7.31em;
-    --top-offset: 81.43vh;
-    --fall-duration: 6.473s;
-    --fall-delay: 6.981s;
-  }
-  .star:nth-child(23) {
-    --star-tail-length: 7.2em;
-    --top-offset: 67.76vh;
-    --fall-duration: 9.297s;
-    --fall-delay: 0.83s;
-  }
-  .star:nth-child(24) {
-    --star-tail-length: 5.28em;
-    --top-offset: 86.77vh;
-    --fall-duration: 8.486s;
-    --fall-delay: 6.243s;
-  }
-  .star:nth-child(25) {
-    --star-tail-length: 6.38em;
-    --top-offset: 34.17vh;
-    --fall-duration: 11.28s;
-    --fall-delay: 8.797s;
-  }
-  .star:nth-child(26) {
-    --star-tail-length: 7.49em;
-    --top-offset: 45.69vh;
-    --fall-duration: 11.26s;
-    --fall-delay: 2.354s;
-  }
-  .star:nth-child(27) {
-    --star-tail-length: 5.58em;
-    --top-offset: 85.48vh;
-    --fall-duration: 11.933s;
-    --fall-delay: 3.807s;
-  }
-  .star:nth-child(28) {
-    --star-tail-length: 6.82em;
-    --top-offset: 89.52vh;
-    --fall-duration: 9.003s;
-    --fall-delay: 2.398s;
-  }
-  .star:nth-child(29) {
-    --star-tail-length: 6.51em;
-    --top-offset: 68.05vh;
-    --fall-duration: 11.969s;
-    --fall-delay: 4.861s;
-  }
-  .star:nth-child(30) {
-    --star-tail-length: 7.4em;
-    --top-offset: 74.29vh;
-    --fall-duration: 10.872s;
-    --fall-delay: 7.879s;
-  }
-  .star:nth-child(31) {
-    --star-tail-length: 6.17em;
-    --top-offset: 45.78vh;
-    --fall-duration: 11.042s;
-    --fall-delay: 9.725s;
-  }
-  .star:nth-child(32) {
-    --star-tail-length: 7.04em;
-    --top-offset: 14.82vh;
-    --fall-duration: 11.321s;
-    --fall-delay: 4.517s;
-  }
-  .star:nth-child(33) {
-    --star-tail-length: 5.27em;
-    --top-offset: 23.66vh;
-    --fall-duration: 7.796s;
-    --fall-delay: 7.337s;
-  }
-  .star:nth-child(34) {
-    --star-tail-length: 5.46em;
-    --top-offset: 98.58vh;
-    --fall-duration: 8.312s;
-    --fall-delay: 6.506s;
-  }
-  .star:nth-child(35) {
-    --star-tail-length: 6.3em;
-    --top-offset: 52.87vh;
-    --fall-duration: 8.803s;
-    --fall-delay: 3.044s;
-  }
-  .star:nth-child(36) {
-    --star-tail-length: 5.22em;
-    --top-offset: 62.61vh;
-    --fall-duration: 7.768s;
-    --fall-delay: 5.106s;
-  }
-  .star:nth-child(37) {
-    --star-tail-length: 6.46em;
-    --top-offset: 96.73vh;
-    --fall-duration: 7.259s;
-    --fall-delay: 8.849s;
-  }
-  .star:nth-child(38) {
-    --star-tail-length: 7.2em;
-    --top-offset: 14.03vh;
-    --fall-duration: 10.62s;
-    --fall-delay: 4.094s;
-  }
-  .star:nth-child(39) {
-    --star-tail-length: 6.47em;
-    --top-offset: 12.02vh;
-    --fall-duration: 6.779s;
-    --fall-delay: 0.414s;
-  }
-  .star:nth-child(40) {
-    --star-tail-length: 5.18em;
-    --top-offset: 8.28vh;
-    --fall-duration: 9.473s;
-    --fall-delay: 0.026s;
-  }
-  .star:nth-child(41) {
-    --star-tail-length: 5.79em;
-    --top-offset: 99.67vh;
-    --fall-duration: 11.487s;
-    --fall-delay: 1.244s;
-  }
-  .star:nth-child(42) {
-    --star-tail-length: 5.95em;
-    --top-offset: 83.7vh;
-    --fall-duration: 9.159s;
-    --fall-delay: 4.584s;
-  }
-  .star:nth-child(43) {
-    --star-tail-length: 6.99em;
-    --top-offset: 61.95vh;
-    --fall-duration: 6.15s;
-    --fall-delay: 9.113s;
-  }
-  .star:nth-child(44) {
-    --star-tail-length: 7.16em;
-    --top-offset: 38.39vh;
-    --fall-duration: 9.667s;
-    --fall-delay: 5.155s;
-  }
-  .star:nth-child(45) {
-    --star-tail-length: 6.04em;
-    --top-offset: 90.92vh;
-    --fall-duration: 11.087s;
-    --fall-delay: 0.721s;
-  }
-  .star:nth-child(46) {
-    --star-tail-length: 6.2em;
-    --top-offset: 74.62vh;
-    --fall-duration: 9.805s;
-    --fall-delay: 2.999s;
-  }
-  .star:nth-child(47) {
-    --star-tail-length: 5.01em;
-    --top-offset: 47.41vh;
-    --fall-duration: 8.064s;
-    --fall-delay: 2.837s;
-  }
-  .star:nth-child(48) {
-    --star-tail-length: 6em;
-    --top-offset: 76.74vh;
-    --fall-duration: 11.738s;
-    --fall-delay: 3.877s;
-  }
-  .star:nth-child(49) {
-    --star-tail-length: 5.48em;
-    --top-offset: 92.73vh;
-    --fall-duration: 7.19s;
-    --fall-delay: 3.765s;
-  }
-  .star:nth-child(50) {
-    --star-tail-length: 5.46em;
-    --top-offset: 2.52vh;
-    --fall-duration: 6.008s;
-    --fall-delay: 6.308s;
-  }
-    .star::before, .star::after {
-      position: absolute;
-      content: '';
-      top: 0;
-      left: calc(var(--star-width) / -2);
-      width: var(--star-width);
-      height: 100%;
-      background: linear-gradient(45deg, transparent, currentColor, transparent);
-      border-radius: inherit;
-      animation: blink 2s linear infinite; }
-    .star::before {
-      transform: rotate(45deg); }
-    .star::after {
-      transform: rotate(-45deg); }
-  
-  @keyframes fall {
-    to {
-      transform: translate3d(-30em, 0, 0); } }
-  
-  @keyframes tail-fade {
-    0%, 50% {
-      width: var(--star-tail-length);
-      opacity: 1; }
-    70%, 80% {
-      width: 0;
-      opacity: 0.4; }
-    100% {
-      width: 0;
-      opacity: 0; } }
-  
-  @keyframes blink {
-    50% {
-      opacity: 0.6; } }
\ No newline at end of file
diff --git a/Frontend/src/scss/styles.scss b/Frontend/src/scss/styles.scss
index 4ecd8cb..0918c73 100644
--- a/Frontend/src/scss/styles.scss
+++ b/Frontend/src/scss/styles.scss
@@ -4,5 +4,4 @@
 @use "body";
 @use "buttons";
 @use "modal";
-@use "stars";
 @use "svg";
\ No newline at end of file