diff --git a/CNAME b/Backup/CNAME
similarity index 100%
rename from CNAME
rename to Backup/CNAME
diff --git a/README.md b/Backup/README.md
similarity index 100%
rename from README.md
rename to Backup/README.md
diff --git a/about-mobile.html b/Backup/about-mobile.html
similarity index 100%
rename from about-mobile.html
rename to Backup/about-mobile.html
diff --git a/about.html b/Backup/about.html
similarity index 100%
rename from about.html
rename to Backup/about.html
diff --git a/button/index.html b/Backup/button/index.html
similarity index 100%
rename from button/index.html
rename to Backup/button/index.html
diff --git a/card.html b/Backup/card.html
similarity index 100%
rename from card.html
rename to Backup/card.html
diff --git a/community/content/lostwarrior.json b/Backup/community/content/lostwarrior.json
similarity index 100%
rename from community/content/lostwarrior.json
rename to Backup/community/content/lostwarrior.json
diff --git a/community/content/steampunk.json b/Backup/community/content/steampunk.json
similarity index 100%
rename from community/content/steampunk.json
rename to Backup/community/content/steampunk.json
diff --git a/community/content/template.jsot b/Backup/community/content/template.jsot
similarity index 100%
rename from community/content/template.jsot
rename to Backup/community/content/template.jsot
diff --git a/community/getrss.php b/Backup/community/getrss.php
similarity index 100%
rename from community/getrss.php
rename to Backup/community/getrss.php
diff --git a/community/index.html b/Backup/community/index.html
similarity index 100%
rename from community/index.html
rename to Backup/community/index.html
diff --git a/community/index.php b/Backup/community/index.php
similarity index 100%
rename from community/index.php
rename to Backup/community/index.php
diff --git a/community/json.js b/Backup/community/json.js
similarity index 100%
rename from community/json.js
rename to Backup/community/json.js
diff --git a/community/phpjsonloader.php b/Backup/community/phpjsonloader.php
similarity index 100%
rename from community/phpjsonloader.php
rename to Backup/community/phpjsonloader.php
diff --git a/community/style.css b/Backup/community/style.css
similarity index 100%
rename from community/style.css
rename to Backup/community/style.css
diff --git a/composer.json b/Backup/composer.json
similarity index 100%
rename from composer.json
rename to Backup/composer.json
diff --git a/content/featured.html b/Backup/content/featured.html
similarity index 100%
rename from content/featured.html
rename to Backup/content/featured.html
diff --git a/content/newrelease.html b/Backup/content/newrelease.html
similarity index 100%
rename from content/newrelease.html
rename to Backup/content/newrelease.html
diff --git a/content/t b/Backup/content/t
similarity index 100%
rename from content/t
rename to Backup/content/t
diff --git a/desktop/index.html b/Backup/desktop/index.html
similarity index 100%
rename from desktop/index.html
rename to Backup/desktop/index.html
diff --git a/desktop/load.html b/Backup/desktop/load.html
similarity index 100%
rename from desktop/load.html
rename to Backup/desktop/load.html
diff --git a/donate/index.html b/Backup/donate/index.html
similarity index 100%
rename from donate/index.html
rename to Backup/donate/index.html
diff --git a/error.html b/Backup/error.html
similarity index 100%
rename from error.html
rename to Backup/error.html
diff --git a/Backup/favicon.ico b/Backup/favicon.ico
new file mode 100644
index 0000000..7c82483
Binary files /dev/null and b/Backup/favicon.ico differ
diff --git a/font.ttf b/Backup/font.ttf
similarity index 100%
rename from font.ttf
rename to Backup/font.ttf
diff --git a/font.txt b/Backup/font.txt
similarity index 100%
rename from font.txt
rename to Backup/font.txt
diff --git a/google077d8b954bbc4763.html b/Backup/google077d8b954bbc4763.html
similarity index 100%
rename from google077d8b954bbc4763.html
rename to Backup/google077d8b954bbc4763.html
diff --git a/humans.txt b/Backup/humans.txt
similarity index 100%
rename from humans.txt
rename to Backup/humans.txt
diff --git a/img/Background.png b/Backup/img/Background.png
similarity index 100%
rename from img/Background.png
rename to Backup/img/Background.png
diff --git a/img/Rd b/Backup/img/Rd
similarity index 100%
rename from img/Rd
rename to Backup/img/Rd
diff --git a/img/load.gif b/Backup/img/load.gif
similarity index 100%
rename from img/load.gif
rename to Backup/img/load.gif
diff --git a/img/nds.png b/Backup/img/nds.png
similarity index 100%
rename from img/nds.png
rename to Backup/img/nds.png
diff --git a/img/rtl.png b/Backup/img/rtl.png
similarity index 100%
rename from img/rtl.png
rename to Backup/img/rtl.png
diff --git a/Backup/index.html b/Backup/index.html
new file mode 100644
index 0000000..da5a44e
--- /dev/null
+++ b/Backup/index.html
@@ -0,0 +1,69 @@
+
+<head>
+	<link href="https://unpkg.com/picnic" rel="stylesheet">
+	<title>RetryLife</title>
+	<style>
+		@font-face{
+    font-family: "8-bit";
+    src: url('./font.txt'),
+    url('./font.txt'); /* IE */
+}
+body {
+	font-family: "8-bit";
+}
+
+	</style>
+</head>
+<body>
+	<div class="flex one three-600 demo">
+	<div><span></span></div>
+	<div style="text-align:center;" class="lll"><span>
+		<br>
+		<br>
+	<h1>RetryLife</h1>
+    <p id="demo">21d 12h 19m 33s </p>
+	<a href="Http://retrylife.bandcamp.com"><h2>Music</h2></a>
+	<a href="https://www.youtube.com/channel/UCrHT3Lt0Mg90bspbMHJfTcA"><h2>YouTube</h2></a>
+	<a href="https://twitch.tv/retrylife/"><h2>Twitch</h2></a>
+	<a href="https://ewpratten.deviantart.com/"><h2>DeviantArt</h2></a>
+	<a href="https://devcredits.herokuapp.com/"><h2>devCredits</h2></a>
+	<a href="http://www.retrylife.ca/button/"><h2>The Button</h2></a>
+	<a href="https://github.com/Ewpratten"><h2>Github</h2></a>
+	<a href="https://keybase.io/ewpratten"><h2>Keybase</h2></a>
+	
+    
+
+<script>
+// Set the date we're counting down to
+var countDownDate = new Date("Dec 25, 2017 9:0:0").getTime();
+
+// Update the count down every 1 second
+var x = setInterval(function() {
+
+    // Get todays date and time
+    var now = new Date().getTime();
+    
+    // Find the distance between now an the count down date
+    var distance = countDownDate - now;
+    
+    // Time calculations for days, hours, minutes and seconds
+    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
+    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
+    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
+    
+    // Output the result in an element with id="demo"
+    document.getElementById("demo").innerHTML = days + "d " + hours + "h "
+    + minutes + "m " + seconds + "s ";
+    
+    // If the count down is over, write some text 
+    if (distance < 0) {
+        clearInterval(x);
+        document.getElementById("demo").innerHTML = "";
+    }
+}, 1000);
+</script>
+	</span></div>
+	<div><span></span></div>
+</div>
+</body>
diff --git a/index2.html b/Backup/index2.html
similarity index 100%
rename from index2.html
rename to Backup/index2.html
diff --git a/keybase.txt b/Backup/keybase.txt
similarity index 100%
rename from keybase.txt
rename to Backup/keybase.txt
diff --git a/mobile/index.html b/Backup/mobile/index.html
similarity index 100%
rename from mobile/index.html
rename to Backup/mobile/index.html
diff --git a/music/index-mobile.html b/Backup/music/index-mobile.html
similarity index 100%
rename from music/index-mobile.html
rename to Backup/music/index-mobile.html
diff --git a/music/index.html b/Backup/music/index.html
similarity index 100%
rename from music/index.html
rename to Backup/music/index.html
diff --git a/people.html b/Backup/people.html
similarity index 100%
rename from people.html
rename to Backup/people.html
diff --git a/preview.html b/Backup/preview.html
similarity index 100%
rename from preview.html
rename to Backup/preview.html
diff --git a/profile.jpg b/Backup/profile.jpg
similarity index 100%
rename from profile.jpg
rename to Backup/profile.jpg
diff --git a/projects/.folderplaceholder b/Backup/projects/.folderplaceholder
similarity index 100%
rename from projects/.folderplaceholder
rename to Backup/projects/.folderplaceholder
diff --git a/projects/projectZERO/README.md b/Backup/projects/projectZERO/README.md
similarity index 100%
rename from projects/projectZERO/README.md
rename to Backup/projects/projectZERO/README.md
diff --git a/projects/projectZERO/css/picnic.min.css b/Backup/projects/projectZERO/css/picnic.min.css
similarity index 100%
rename from projects/projectZERO/css/picnic.min.css
rename to Backup/projects/projectZERO/css/picnic.min.css
diff --git a/projects/projectZERO/img/.file b/Backup/projects/projectZERO/img/.file
similarity index 100%
rename from projects/projectZERO/img/.file
rename to Backup/projects/projectZERO/img/.file
diff --git a/projects/projectZERO/img/cover.jpg b/Backup/projects/projectZERO/img/cover.jpg
similarity index 100%
rename from projects/projectZERO/img/cover.jpg
rename to Backup/projects/projectZERO/img/cover.jpg
diff --git a/projects/projectZERO/img/cover.png b/Backup/projects/projectZERO/img/cover.png
similarity index 100%
rename from projects/projectZERO/img/cover.png
rename to Backup/projects/projectZERO/img/cover.png
diff --git a/projects/projectZERO/img/cross.png b/Backup/projects/projectZERO/img/cross.png
similarity index 100%
rename from projects/projectZERO/img/cross.png
rename to Backup/projects/projectZERO/img/cross.png
diff --git a/projects/projectZERO/img/favicon.ico b/Backup/projects/projectZERO/img/favicon.ico
similarity index 100%
rename from projects/projectZERO/img/favicon.ico
rename to Backup/projects/projectZERO/img/favicon.ico
diff --git a/projects/projectZERO/img/living.png b/Backup/projects/projectZERO/img/living.png
similarity index 100%
rename from projects/projectZERO/img/living.png
rename to Backup/projects/projectZERO/img/living.png
diff --git a/projects/projectZERO/img/office.png b/Backup/projects/projectZERO/img/office.png
similarity index 100%
rename from projects/projectZERO/img/office.png
rename to Backup/projects/projectZERO/img/office.png
diff --git a/projects/projectZERO/img/rec.png b/Backup/projects/projectZERO/img/rec.png
similarity index 100%
rename from projects/projectZERO/img/rec.png
rename to Backup/projects/projectZERO/img/rec.png
diff --git a/projects/projectZERO/img/ring.png b/Backup/projects/projectZERO/img/ring.png
similarity index 100%
rename from projects/projectZERO/img/ring.png
rename to Backup/projects/projectZERO/img/ring.png
diff --git a/projects/projectZERO/img/solar.png b/Backup/projects/projectZERO/img/solar.png
similarity index 100%
rename from projects/projectZERO/img/solar.png
rename to Backup/projects/projectZERO/img/solar.png
diff --git a/projects/projectZERO/index.php b/Backup/projects/projectZERO/index.php
similarity index 100%
rename from projects/projectZERO/index.php
rename to Backup/projects/projectZERO/index.php
diff --git a/projectzero.html b/Backup/projectzero.html
similarity index 100%
rename from projectzero.html
rename to Backup/projectzero.html
diff --git a/snap.html b/Backup/snap.html
similarity index 100%
rename from snap.html
rename to Backup/snap.html
diff --git a/snap.png b/Backup/snap.png
similarity index 100%
rename from snap.png
rename to Backup/snap.png
diff --git a/tic80/gis.html b/Backup/tic80/gis.html
similarity index 100%
rename from tic80/gis.html
rename to Backup/tic80/gis.html
diff --git a/widgets.js b/Backup/widgets.js
similarity index 100%
rename from widgets.js
rename to Backup/widgets.js
diff --git a/yandex_cab86ed84946ab21.html b/Backup/yandex_cab86ed84946ab21.html
similarity index 100%
rename from yandex_cab86ed84946ab21.html
rename to Backup/yandex_cab86ed84946ab21.html
diff --git a/youtube.html b/Backup/youtube.html
similarity index 100%
rename from youtube.html
rename to Backup/youtube.html
diff --git a/index.html b/index.html
index da5a44e..8090ebb 100644
--- a/index.html
+++ b/index.html
@@ -1,69 +1,38 @@
-
 <head>
-	<link href="https://unpkg.com/picnic" rel="stylesheet">
-	<title>RetryLife</title>
-	<style>
-		@font-face{
-    font-family: "8-bit";
-    src: url('./font.txt'),
-    url('./font.txt'); /* IE */
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+<style>
+h1 {
+text-align:center;
 }
-body {
-	font-family: "8-bit";
+h3 {
+  text-align:center;
 }
-
-	</style>
+.vcenter {
+    display: inline-block;
+    vertical-align: middle;
+    float: none;
+}
+</style>
 </head>
 <body>
-	<div class="flex one three-600 demo">
-	<div><span></span></div>
-	<div style="text-align:center;" class="lll"><span>
-		<br>
-		<br>
-	<h1>RetryLife</h1>
-    <p id="demo">21d 12h 19m 33s </p>
-	<a href="Http://retrylife.bandcamp.com"><h2>Music</h2></a>
-	<a href="https://www.youtube.com/channel/UCrHT3Lt0Mg90bspbMHJfTcA"><h2>YouTube</h2></a>
-	<a href="https://twitch.tv/retrylife/"><h2>Twitch</h2></a>
-	<a href="https://ewpratten.deviantart.com/"><h2>DeviantArt</h2></a>
-	<a href="https://devcredits.herokuapp.com/"><h2>devCredits</h2></a>
-	<a href="http://www.retrylife.ca/button/"><h2>The Button</h2></a>
-	<a href="https://github.com/Ewpratten"><h2>Github</h2></a>
-	<a href="https://keybase.io/ewpratten"><h2>Keybase</h2></a>
-	
-    
-
-<script>
-// Set the date we're counting down to
-var countDownDate = new Date("Dec 25, 2017 9:0:0").getTime();
-
-// Update the count down every 1 second
-var x = setInterval(function() {
-
-    // Get todays date and time
-    var now = new Date().getTime();
-    
-    // Find the distance between now an the count down date
-    var distance = countDownDate - now;
-    
-    // Time calculations for days, hours, minutes and seconds
-    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
-    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
-    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
-    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
-    
-    // Output the result in an element with id="demo"
-    document.getElementById("demo").innerHTML = days + "d " + hours + "h "
-    + minutes + "m " + seconds + "s ";
-    
-    // If the count down is over, write some text 
-    if (distance < 0) {
-        clearInterval(x);
-        document.getElementById("demo").innerHTML = "";
-    }
-}, 1000);
-</script>
-	</span></div>
-	<div><span></span></div>
-</div>
+  <ul class="nav justify-content-center">
+  <li class="nav-item">
+    <a class="nav-link active" href="./index.html">Home</a>
+  </li>
+  <li class="nav-item">
+    <a class="nav-link" href="./music.html">Music</a>
+  </li>
+  <li class="nav-item">
+    <a class="nav-link" href="./twitch.html">Twitch</a>
+  </li>
+  <li class="nav-item">
+    <a class="nav-link" href="./other.html">Other</a>
+  </li>
+</ul>
+<div style="height:30%"></div>
+<h1 class="display-1">RetryLife</h1>
+<h3><small class="text-muted">"Let's make something cool!"</small></h3>
+  <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
 </body>
diff --git a/music.html b/music.html
new file mode 100644
index 0000000..458f4dd
--- /dev/null
+++ b/music.html
@@ -0,0 +1,69 @@
+<head>
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+<style>
+h1 {
+text-align:center;
+}
+h3 {
+  text-align:center;
+}
+.vcenter {
+    display: inline-block;
+    vertical-align: middle;
+    float: none;
+}
+a.btnn {
+  color:white;
+}
+.embed {
+  align:center;
+}
+.btnn {
+  align-self:center;
+}
+</style>
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
+<body>
+  <ul class="nav justify-content-center">
+  <li class="nav-item">
+    <a class="nav-link" href="./index.html">Home</a>
+  </li>
+  <li class="nav-item">
+    <a class="nav-link active" href="./music.html">Music</a>
+  </li>
+  <li class="nav-item">
+    <a class="nav-link" href="./twitch.html">Twitch</a>
+  </li>
+  <li class="nav-item">
+    <a class="nav-link" href="./other.html">Other</a>
+  </li>
+</ul>
+
+<div style="height:3%"></div>
+
+<div class="container">
+    <div class="d-flex justify-content-between">
+      <div class="p-1">
+    </div>
+      <div class="p-1">
+      <div class="embed">
+      <iframe style="border: 0; width: 350px; height: 786px;" src="https://bandcamp.com/EmbeddedPlayer/album=3953554787/size=large/bgcol=ffffff/linkcol=0687f5/transparent=true/" seamless><a href="http://retrylife.bandcamp.com/album/x-mas-02">X-MAS 02 by RetryLife</a></iframe>
+      </div>
+    </div>
+    <div class="p-1">
+    </div>
+    </div>
+</div>
+<br>
+<div class="text-center">
+  <a class="btnn" href="https://retrylife.bandcamp.com"><button type="button" class="btn btn-primary">More Music</button></a>
+    <a class="btnn" href="https://keybase.pub/ewpratten/RetryLife%20Albums"><button type="button" class="btn btn-primary">Free Downloads</button></a>
+
+
+</div>
+
+  <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+</body>
diff --git a/other.html b/other.html
new file mode 100644
index 0000000..7ca274a
--- /dev/null
+++ b/other.html
@@ -0,0 +1,74 @@
+<head>
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+<style>
+h1 {
+text-align:center;
+}
+h3 {
+  text-align:center;
+}
+.vcenter {
+    display: inline-block;
+    vertical-align: middle;
+    float: none;
+}
+a.btnn {
+  color:white;
+}
+.embed {
+  align:center;
+}
+.btnn {
+  align-self:center;
+}
+.boxy {
+  width:30%;
+  /* text-align: center; */
+}
+</style>
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
+<body>
+  <ul class="nav justify-content-center">
+  <li class="nav-item">
+    <a class="nav-link" href="./index.html">Home</a>
+  </li>
+  <li class="nav-item">
+    <a class="nav-link active" href="./music.html">Music</a>
+  </li>
+  <li class="nav-item">
+    <a class="nav-link" href="./twitch.html">Twitch</a>
+  </li>
+  <li class="nav-item">
+    <a class="nav-link" href="./other.html">Other</a>
+  </li>
+</ul>
+
+<div style="height:3%"></div>
+
+<div class="container">
+    <div class="d-flex justify-content-between">
+      <div class="p-1">
+    </div>
+      <div class="p-1">
+
+        <a href="https://www.youtube.com/channel/UCrHT3Lt0Mg90bspbMHJfTcA"><h1 class="display-4">Youtube</h1></a><br>
+        <a  href="https://www.twitter.com/ewpratten"><h1 class="display-4">Twitter</h1></a><br>
+        <a  href="https://www.github.com/ewpratten"><h1 class="display-4">GitHub</h1></a><br>
+        <a  href="https://www.keybase.io/ewpratten"><h1 class="display-4">Keybase</h1></a><br>
+
+    </div>
+    <div class="p-1">
+    </div>
+    </div>
+</div>
+<br>
+<!-- <div class="text-center">
+  <p class="lead"> Who Am I? </p>
+  <div style="width:30%;"><p>I, ewpratten, am a teenager who enjoys making stuff and sharing it with people. This website is where I have decided to share all my work.</p></div>
+</div> -->
+
+  <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+</body>
diff --git a/twitch.html b/twitch.html
new file mode 100644
index 0000000..9b7fcd7
--- /dev/null
+++ b/twitch.html
@@ -0,0 +1,69 @@
+<head>
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+<style>
+h1 {
+text-align:center;
+}
+h3 {
+  text-align:center;
+}
+.vcenter {
+    display: inline-block;
+    vertical-align: middle;
+    float: none;
+}
+a.btnn {
+  color:white;
+}
+.embed {
+  align:center;
+}
+.btnn {
+  align-self:center;
+}
+
+</style>
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
+<body>
+  <ul class="nav justify-content-center">
+  <li class="nav-item">
+    <a class="nav-link" href="./index.html">Home</a>
+  </li>
+  <li class="nav-item">
+    <a class="nav-link active" href="./music.html">Music</a>
+  </li>
+  <li class="nav-item">
+    <a class="nav-link" href="./twitch.html">Twitch</a>
+  </li>
+  <li class="nav-item">
+    <a class="nav-link" href="./other.html">Other</a>
+  </li>
+</ul>
+
+<!-- <div style="height:3%"></div> -->
+
+
+        <div id="twitch-embed"></div>
+
+    <!-- Load the Twitch embed script -->
+    <script src="https://embed.twitch.tv/embed/v1.js"></script>
+
+    <!-- Create a Twitch.Embed object that will render within the "twitch-embed" root element. -->
+    <script type="text/javascript">
+      new Twitch.Embed("twitch-embed", {
+        width: '100%',
+        height: '96%',
+        channel: "retrylife"
+      });
+    </script>
+
+
+<!-- <div class="text-center">
+
+</div> -->
+
+  <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+</body>