diff --git a/CSS/2048.css b/CSS/2048.css
new file mode 100644
index 00000000..5efbb93c
--- /dev/null
+++ b/CSS/2048.css
@@ -0,0 +1,210 @@
+/* MAIN CONTAINERS */ 
+.overflow-container {
+    overflow-x: auto;
+}
+
+.game-container, .dashboard {
+    width: 540px;
+    margin: 50px auto;
+    border: 8px outset white;
+    display: flex;
+    color: white;
+}
+
+.game-container {
+    height: 540px;
+    margin-top: 20px;
+}
+
+.dashboard {
+    height: 50px;
+    margin-bottom: 10px;
+    justify-content: space-around;
+    align-items: center;
+    font-size: 24px;
+    font-weight: bold;
+}
+
+.reset {
+    font-size: 24px;
+    height: 36px;
+    border: 2px outset black;
+}
+
+.reset:hover {
+    color: white;
+    background-color: black;
+    border-style: inset;
+}
+/* ********** */
+
+/* GRID */
+.grid, .grid-row {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.grid {
+    flex-direction: column;
+}
+
+.grid-row {
+    border-bottom: 8px solid white;
+}
+
+.grid-row:last-child {
+    border-bottom: none;
+}
+
+.grid-block {
+    width: 129px;
+    height: 129px;
+    border-right: 8px solid white;
+    background-color: black;
+}
+
+.grid-block:last-child {
+    border-right: none;
+}
+/* ********** */
+
+
+/*POSITIONS*/
+
+.pos-1-1 {
+    transform: translate(0, 0);
+}
+
+.pos-1-2 {
+    transform: translate(137px, 0);
+}
+
+.pos-1-3 {
+    transform: translate(274px, 0);
+}
+
+.pos-1-4 {
+    transform: translate(411px, 0);
+}
+
+.pos-2-1 {
+    transform: translate(0, 137px);
+}
+
+.pos-2-2 {
+    transform: translate(137px, 137px);
+}
+
+.pos-2-3 {
+    transform: translate(274px, 137px);
+}
+
+.pos-2-4 {
+    transform: translate(411px, 137px);
+}
+
+.pos-3-1 {
+    transform: translate(0, 274px);
+}
+
+.pos-3-2 {
+    transform: translate(137px, 274px);
+}
+
+.pos-3-3 {
+    transform: translate(274px, 274px);
+}
+
+.pos-3-4 {
+    transform: translate(411px, 274px);
+}
+
+.pos-4-1 {
+    transform: translate(0, 411px);
+}
+
+.pos-4-2 {
+    transform: translate(137px, 411px);
+}
+
+.pos-4-3 {
+    transform: translate(274px, 411px);
+}
+
+.pos-4-4 {
+    transform: translate(411px, 411px);
+}
+/* ********** */
+
+/* TILES */
+.tile-container {
+    position: absolute;
+    width: 540px;
+    height: 540px;
+}
+
+@keyframes tile-pop {
+    50% {transform: scale(1.1);}
+    100% {transform: scale(1);}
+}
+
+@keyframes tile-grow {
+    0% {transform: scale(0.1);}
+    100% {transform: scale(1);}
+}
+
+.tile {
+    line-height: 129px;
+    font-size: 48px;
+    text-align: center;
+    position: absolute;
+    width: 129px;
+    height: 129px;
+    transition: all 0.25s;
+}
+
+.inner-tile {
+    color: white;
+    background-color: #33B5FF;
+    animation-duration: 0.25s;
+    animation-timing-function:ease-in;
+}
+/* ********** */
+
+/*MESSAGES*/
+
+@keyframes fadeIn {
+    0% {opacity: 0%;}
+    100% {opacity: 90%;}
+}
+
+.win-message, .lose-message {
+    position: absolute;
+    font-weight: bold;
+    width: 540px;
+    height: 540px;
+    opacity: 0%;
+    font-size: 48px;
+    margin-top: auto;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.win-message {
+    color: black;
+    background-color: gold;
+}
+
+.lose-message {
+    color: white;
+    background-color: black;
+    text-align: center;
+}
+
+.fade-in-animation {
+    opacity: 90%;
+    animation-name: fadeIn;
+    animation-duration: 2s;
+}
+/* ********** */
\ No newline at end of file
diff --git a/CSS/main.css b/CSS/main.css
index 0f680cf6..fc1f6bd0 100644
--- a/CSS/main.css
+++ b/CSS/main.css
@@ -1,32 +1,31 @@
+/* GENERAL */
 body {
     font-family: Raleway, Arial, Helvetica, sans-serif;
     background-color: black;
-    /*min-width: 1080px;*/
 }
 
 a {
     color: white;
     text-decoration: none;
 }
+/* ********** */
 
+/* HEADER */
 header {
     background-color: black;
     color: white;
     display: flex;
-    /*justify-content: flex-start;*/
     justify-content: space-between;
     align-items: center;
     align-content: center;
     flex-wrap: wrap;
-    padding: 45px 9.5%;/*10.25%;*/
+    padding: 45px 9.5%;
     padding-bottom: 30px;
 }
 
 h1 {
     font-size: 48px;
     font-weight: bold;
-    /*margin-right: auto;
-    margin-left: auto;*/
     margin-bottom: 15px;
     padding: 6px 10px;
     border: 6px double white;
@@ -38,8 +37,6 @@ h1 {
 
 .nav-bar {
     margin: auto 0;
-    /*margin-left: auto;*/
-    /*margin-left: 20px;*/
 }
 
 header ul {
@@ -61,13 +58,15 @@ header li a:hover {
 header li:hover {
     transform: scale(1.1);
 }
+/* ********** */
 
+/* PROFILE */
 .profile {
     background-color: black;
     color: white;
     display: flex;
     flex-direction: column;
-    padding: 50px 9.5%;/*10.25%;*/
+    padding: 50px 9.5%;
     padding-top: 25px;
     padding-bottom: 45px;
 }
@@ -83,14 +82,11 @@ header li:hover {
 .profile-intro {
     font-size: 24px;
     font-weight: 400;
-    text-align: center;
-    /*width: 50%;*/
-    /*width: 600px;*/
+    text-align: left;
     width: 572.5px;
     min-width: 300px;
     margin-right: 5%;
     flex: 1;
-    /*margin-right: auto;*/
     margin-bottom: 25px;
 }
 
@@ -99,20 +95,13 @@ header li:hover {
 }
 
 .img-holder {
-    /*width: 45%;*/
     flex: 1;
     min-height: 190px;
     min-width: 200px;
-    /*width: 450px;
-    height: 200px;*/
     border: 2px solid white;
     background: url("../Graphics/field_view.jpeg");
     background-size: cover;
     background-position: center;
-    /*background-size: 120%;
-    background-position-x: -100px;
-    background-position-y: -270px;
-    background-repeat: no-repeat;*/
 }
 
 .profile-row-2 {
@@ -133,13 +122,15 @@ dt {
     font-weight: bold;
     margin-right: 10px;
 }
+/* ********** */
 
+/* PORTFOLIO */
 .portfolio {
     background-color: white;
     color: black;
     display: flex;
     flex-direction: column;
-    padding: 25px 9.5%;/*10.25%;*/
+    padding: 25px 9.5%;
 }
 
 .portfolio h2 {
@@ -183,7 +174,9 @@ dt {
 .project p, .club p {
     font-size: 18px;
 }
+/* ********** */
 
+/* FOOTER */
 footer {
     color: white;
     background-color: black;
@@ -191,9 +184,10 @@ footer {
     padding: 10px 0;
     text-align: center;
 }
+/* ********** */
 
 
-/* FOR GAME MENU */
+/* GAME MENU */
 
 .games {
     background-color: white;
@@ -223,6 +217,7 @@ footer {
     font-weight: bold;
     color: black;
 }
+/* ********** */
 
 /* Rework project format */
 .rework {
diff --git a/CSS/minesweeper.css b/CSS/minesweeper.css
index 06c44b07..b05b496c 100644
--- a/CSS/minesweeper.css
+++ b/CSS/minesweeper.css
@@ -7,14 +7,15 @@ body {
     overflow-x: auto;
 }
 
+/*DASHBOARD*/
 .dash-board {
     width: 960px;
     height: 50px;
     border: 8px outset white;
-    /*border-radius: 5px;*/
     padding: 2px;
-    margin: 10px auto;
+    margin: 20px auto;
     margin-top: 50px;
+    font-weight: bold;
     display: flex;
     justify-content: space-evenly;
     align-items: center;
@@ -55,13 +56,14 @@ body {
     font-size: 24px;
     color: white;
 }
+/* ********** */
 
+/*GAME CONTAINER AND OBJECTS*/
 .game-container {
     background-color:black;
     height: 512px;
     width: 960px;
     border: 8px outset white;
-    /*border-radius: 5px;*/
     padding: 2px;
     margin: 75px auto;
     margin-top: 10px;
@@ -73,10 +75,6 @@ body {
     color: white;
 }
 
-.rotated {
-    transform: rotate(90deg);
-}
-
 .block {
     background-color: white;
     border: 2px outset black;
@@ -97,4 +95,5 @@ body {
 
 .flagged {
     background-color: green;
-}
\ No newline at end of file
+}
+/* ********** */
\ No newline at end of file
diff --git a/CSS/snake.css b/CSS/snake.css
index 36edfdf9..f8644dc2 100644
--- a/CSS/snake.css
+++ b/CSS/snake.css
@@ -1,7 +1,8 @@
+/* MAIN CONTAINERS */
 .total-container {
     display: flex;
     flex-direction: column;
-    overflow-x:auto;
+    overflow-x: auto;
 }
 
 .row-1, .row-2 {
@@ -17,12 +18,12 @@
     margin: 10px auto;
     margin-bottom: 50px;
 }
+/* ********** */
 
+/* DASHBOARD */
 .dashboard {
     background-color: black;
     border: 8px outset white;
-    /*margin: 50px auto;
-    margin-bottom: 10px;*/
     width: 540px;
     height: 50px;
     display: flex;
@@ -32,16 +33,15 @@
 
 .score-window, .board-size, .snake-speed {
     font-size: 24px;
-    /*height: 36px;*/
+    font-weight: bold;
     color: white
-    /*background-color: white;
-    border: 2px outset black;*/
  }
 
  .board-change, .speed-change {
     font-size: 24px;
     background-color: white;
     color: black;
+    border: 2px outset black;
  }
 
  #play-button {
@@ -59,18 +59,15 @@
     color: black;
     border-color: black;
  }
+/* ********** */
 
+/* GAME CONTAINER */
 .game-container {
-    /*margin: 50px auto;
-    margin-top: 10px;*/
     width: 540px;
     height: 540px;
     border: 8px outset white;
-    /*border-radius: 4px;*/
     display: flex;
     flex-wrap: wrap;
-    /*justify-content: center;
-    align-items: center;*/
 }
 
 .empty-space {
@@ -82,21 +79,22 @@
     background-color: white;
     width: 30px;
     height: 30px;
-    /*position: relative;
-    transition: background-color 0.1s;*/
     transition-timing-function: linear
 }
 
 .apple {
     background-color: red;
 }
+/* ********** */
 
+/* COLOR MENU */
 .colors {
     width: 134px;
     height: 520px;
     border: 8px outset white;
     color: white;
     font-size: 24px;
+    font-weight: bold;
     text-align: center;
     padding-top: 10px;
     padding-bottom: 10px;
@@ -110,4 +108,5 @@
 .color {
     width: 80px; 
     height: 40px;
-}
\ No newline at end of file
+}
+/* ********** */
\ No newline at end of file
diff --git a/Games/2048.html b/Games/2048.html
index 38d3fdb9..b03c02c1 100644
--- a/Games/2048.html
+++ b/Games/2048.html
@@ -6,11 +6,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel = "stylesheet" type = "text/css" href = "../CSS/reset.css">
     <link rel = "stylesheet" type = "text/css" href = "../CSS/main.css">
-    <link rel = "stylesheet" type = "text/css" href = "../CSS/minesweeper.css">
+    <link rel = "stylesheet" type = "text/css" href = "../CSS/2048.css">
     <link rel = "stylesheet" href = "https://fonts.googleapis.com/css?family=Raleway:300,700">
     <script src = "../Javascript/header.js" defer></script>
-    <script src = "../Javascript/minesweeper.js" defer></script>
-    <title>Minesweeper</title>
+    <script src = "../Javascript/2048.js" defer></script>
+    <title>2048</title>
 </head>
 <body>
     <header>
@@ -35,8 +35,20 @@ <h3>Minesweeper</h3>
             <h3>2048</h3>
         </div></a>
     </nav>
-    <div>
-        
+    <div class = "overflow-container">
+        <div class = "dashboard">
+            <div class = "score">Score: 0</div>
+            <div class = "moves-made">Moves Made: 0</div>
+            <button class = "reset">Restart</button>
+        </div>
+        <div class = "game-container">
+            <div class = "grid">
+            </div>
+            <div class = "tile-container">
+            </div>
+            <div class = "win-message">Congratulations!<br>Click to continue</div>
+            <div class = "lose-message">Game Over!<br>Click "Restart" to play again</div>
+        </div>
     </div>
     <footer>
         Created by Nicholas Angelici in HTML CSS and Javascript
diff --git a/Games/snake.html b/Games/snake.html
index 7b64f219..9fd99fce 100644
--- a/Games/snake.html
+++ b/Games/snake.html
@@ -10,7 +10,7 @@
     <link rel = "stylesheet" href = "https://fonts.googleapis.com/css?family=Raleway:300,700">
     <script src = "../Javascript/header.js" defer></script>
     <script src = "../Javascript/newsnake.js" defer></script>
-    <title>Minesweeper</title>
+    <title>Snake</title>
 </head>
 <body>
     <header>
@@ -39,7 +39,7 @@ <h3>2048</h3>
         <div class = "row-1">
             <div class = "dashboard">
                 <div class = "score-window">Score: 0</div>
-                <label class = "board-size"> Difficulty: 
+                <label class = "board-size"> Board: 
                     <select class = "board-change">
                         <option class = "s-option" value = "11">Easy</option>
                         <option class = "s-option" value = "21" selected>Normal</option>
diff --git a/Javascript/2048.js b/Javascript/2048.js
new file mode 100644
index 00000000..c4b02a43
--- /dev/null
+++ b/Javascript/2048.js
@@ -0,0 +1,236 @@
+let moved = false;
+let score = 0;
+let moves = 0;
+let gameOver = false;
+const colors = {
+    "4": "#3385FF",
+    "8": "#3365FF",
+    "16": "#3345FF",
+    "32": "#3325FF",
+    "64": "#3305FF",
+    "128": "#7a05FF",
+    "256": "#e00000",
+    "512": "#a00000",
+    "1024": "#4c03f4",
+    "2048": "#b433ff",
+    "4096": "#black",
+}
+const grid = document.querySelector('.grid');
+const tileContainer = document.querySelector('.tile-container');
+const winMessage = document.querySelector('.win-message');
+const loseMessage = document.querySelector('.lose-message');
+const scoreBoard = document.querySelector('.score');
+const moveBoard = document.querySelector('.moves-made');
+const resetButton = document.querySelector('.reset');
+
+function buildGrid() {
+    for (let i = 0; i < 4; i++) {
+        const newRow = document.createElement('div');
+        newRow.classList.add('grid-row');
+        for (let j = 0; j < 4; j++) {
+            const newGridBlock = document.createElement('div');
+            newGridBlock.classList.add('grid-block');
+            newRow.appendChild(newGridBlock);
+        }
+        grid.appendChild(newRow);
+    }
+}
+
+function placeNewTile() {
+    let newRow, newColumn;
+    do {
+        newRow = Math.trunc(Math.random() * 4) + 1;
+        newColumn = Math.trunc(Math.random() * 4) + 1;
+    } while (document.querySelectorAll(`.pos-${newRow}-${newColumn}`).length > 0)
+
+    const newTile = document.createElement('div');
+    newTile.classList.add('tile');
+    newTile.classList.add(`pos-${newRow}-${newColumn}`);
+
+    const newInnerTile = document.createElement('div');
+    newInnerTile.classList.add('inner-tile');
+    newInnerTile.textContent = Math.random() < 0.9 ? 2 : 4;
+    newInnerTile.style.animationName = "tile-grow";
+
+    if (newInnerTile.textContent == 4) { newInnerTile.style.backgroundColor = colors["4"]; }
+
+    newTile.appendChild(newInnerTile);
+    tileContainer.appendChild(newTile);
+}
+
+function placeMergedTile(row, column, num) {
+    const newTile = document.createElement('div');
+    newTile.classList.add('tile'); 
+    newTile.classList.add(`pos-${row}-${column}`);
+
+    const newInnerTile = document.createElement('div');
+    newInnerTile.classList.add('inner-tile');
+    newInnerTile.textContent = num;
+    newInnerTile.style.animationName = "tile-pop";
+    
+    newInnerTile.style.backgroundColor = colors["" + num];
+    score += num;
+    scoreBoard.textContent = `Score: ${score}`;
+    if (num == 2048) {
+        winMessage.classList.add('fade-in-animation');
+    }
+
+    newTile.appendChild(newInnerTile);
+    tileContainer.appendChild(newTile);
+}
+
+function placeFirstTiles() {
+    placeNewTile(); placeNewTile();
+}
+
+function moveBlock(block, path, dir) {
+    const blockPos = block.classList[1];
+    let blockRow = Number(blockPos.split('-')[1]);
+    let blockColumn = Number(blockPos.split('-')[2]);
+    if (path == "horizontial") {
+        while (blockColumn >= 1 && blockColumn <= 4) {
+            const newSpot = `.pos-${blockRow}-${blockColumn + dir}`;
+            if (document.querySelectorAll(newSpot).length > 0) {
+                if (document.querySelector(newSpot).textContent === block.textContent &&
+                    !document.querySelector(newSpot).classList.contains('merged')) {
+                    document.querySelector(newSpot).classList.add('merged');
+                    block.classList.add('merged');
+                    blockColumn += dir;
+                    placeMergedTile(blockRow, blockColumn, Number(block.textContent) * 2);
+                } 
+                break;
+            }
+            if (blockColumn + dir < 1 || blockColumn + dir > 4) { break; }
+            blockColumn += dir;
+        }
+    } else if (path == "vertical") {
+        while (blockRow >= 1 && blockRow <= 4) {
+            const newSpot = `.pos-${blockRow + dir}-${blockColumn}`;
+            if (document.querySelectorAll(newSpot).length > 0) {
+                if (document.querySelector(newSpot).textContent === block.textContent &&
+                    !document.querySelector(newSpot).classList.contains('merged')) {
+                    document.querySelector(newSpot).classList.add('merged');
+                    block.classList.add('merged');
+                    blockRow += dir;
+                    placeMergedTile(blockRow, blockColumn, Number(block.textContent) * 2);
+                }
+                break;
+            }
+            if (blockRow + dir < 1 || blockRow + dir > 4) { break; }
+            blockRow += dir;
+        }
+    }
+    const newPosition = `pos-${blockRow}-${blockColumn}`;
+    if (blockPos != newPosition) {
+        moved = true;
+    }
+    block.classList.remove(blockPos);
+    block.classList.add(newPosition);
+}
+
+function moveBlocks(code) {
+    moved = false;
+    let tiles = document.querySelectorAll('.tile');
+    tiles = Array.from(tiles);
+    tiles = tiles.sort((a, b) => {
+        return a.classList[1]> b.classList[1] ? 1 : -1;
+    });
+    switch (code) {
+        case "ArrowRight":
+            //console.log("right");
+            tiles.reverse().forEach((tile) => {moveBlock(tile, "horizontial", 1);});
+            break;
+        case "ArrowLeft":
+            //console.log("left");
+            tiles.forEach((tile) => {moveBlock(tile, "horizontial", -1);});
+            break;
+        case "ArrowUp":
+            //console.log("up");
+            tiles.forEach((tile) => {moveBlock(tile, "vertical", -1);});
+            break;
+        case "ArrowDown":
+            //console.log("down");
+            (tiles.reverse()).forEach((tile) => {moveBlock(tile, "vertical", 1);});
+            break;
+        default: 
+        //console.log("Not an option lol.");
+    }
+}
+
+function clearMerged() {
+    const merged = document.querySelectorAll('.merged');
+    merged.forEach((m) => tileContainer.removeChild(m));
+}
+
+function checkGameOver() {
+    let tiles = document.querySelectorAll('.tile');
+    tiles = Array.from(tiles);
+    tiles = tiles.sort((a, b) => {
+        return a.classList[1]> b.classList[1] ? 1 : -1;
+    });
+    if (tiles.length == 16) {
+        for (let i = 0; i <= 12; i += 4) {
+            for (let j = 0; j <= 2; j++) {
+                if (tiles[j + i].firstChild.textContent == tiles[j + i + 1].firstChild.textContent) {
+                    gameOver = false;
+                    return false;
+                }
+            }
+        }
+        for (let i = 0; i <= 8; i += 4) {
+            for (let j = 0; j <= 3; j++) {
+                if (tiles[j + i].firstChild.textContent == tiles[j + i + 4].firstChild.textContent) {
+                    gameOver = false;
+                    return false;
+                }
+            }
+        }
+        loseMessage.classList.add('fade-in-animation');
+        return true;
+    }
+    return false;
+}
+
+function reset() {
+    const tiles = document.querySelectorAll('.tile');
+    tiles.forEach((tile) => {tileContainer.removeChild(tile)});
+    score = 0;
+    moves = 0;
+    gameOver = false;
+    scoreBoard.textContent = `Score: 0`;
+    moveBoard.textContent = `Moves Made: 0`;
+    const messages = document.querySelectorAll('.fade-in-animation');
+    if (messages.length > 0) {
+        messages.forEach((message) => message.classList.remove('fade-in-animation'));
+    }
+    placeFirstTiles();
+}
+
+window.addEventListener('keydown', (e) => {
+    if (!gameOver) {
+        clearMerged();
+        if (!checkGameOver()) {
+            moveBlocks(e.code);
+            if (moved) {
+                moves += 1;
+                moveBoard.textContent = `Moves Made: ${moves}`;
+                placeNewTile();
+            }
+        }
+    }
+});
+
+window.addEventListener("keydown", function(e) {
+    if(["Space","ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].indexOf(e.code) > -1) {
+        e.preventDefault();
+    }
+}, false);
+
+window.addEventListener('click', () => {
+    winMessage.classList.remove('fade-in-animation');
+})
+
+resetButton.addEventListener('click', reset);
+
+buildGrid();
+placeFirstTiles();
\ No newline at end of file
diff --git a/Javascript/minesweeper.js b/Javascript/minesweeper.js
index 6ee3b767..ab311a95 100644
--- a/Javascript/minesweeper.js
+++ b/Javascript/minesweeper.js
@@ -152,7 +152,6 @@ function determineAndPlaceBombs(safeSpots) {
             const row = Math.trunc(newSpot / difficulty.width);
             const column = Math.trunc(newSpot % difficulty.width);
             const newID = `#_${row}_${column}`;
-            /*if (newID != safeSpot) {*/
             if (!safeSpots.includes(newID)) {
                 const bombBlock = document.querySelector(newID);
                 bombBlock.classList.add("bomb");
diff --git a/index.html b/index.html
index 84ec8c4e..f35a03d7 100644
--- a/index.html
+++ b/index.html
@@ -113,23 +113,6 @@ <h3>Berkeley Model United Nations [BMUN]</h3>
                 </div>
                 </a>
             </li>
-            <!--<li>
-                <a class = "club" href = "http://www.bmun.org/">
-                <img class = "club-photo" src = "Graphics/bmun_icon.jpeg" alt = "Berkeley Model UN Icon">
-                <h3>Berkeley Model United Nations [BMUN]</h3>
-                <p>BMUN is the original Model United Nations organization, and continues its 72 year 
-                    history in facilitating meaningful discussion on international topics. In the 
-                    organization I hold the role of Deputy to the Treasurer, which entails maintaining 
-                    the finances over 1250 delegates, and working with the Treasurer in refactoring the 
-                    Quickbooks Online invoice system from Python to Java. In addition I will be Head 
-                    Chair for BMUN’s 72nd session, and I will be leading committee for the International 
-                    Labour Organisation. As such, I am the primary organizer and contributor to a 50 page 
-                    topic synopsis focused on workers’ rights amidst changing technologies; I am 
-                    responsible for preparing my peers for a style of committee unfamiliar to them; 
-                    and I am preparing a committee that is to be attended by 70+ students. 
-                </p>
-                </a>
-            </li>-->
         </ul>
     </div>
     <footer>