diff --git a/public/css/app.css b/public/css/app.css
index f5ded5d..a1a5135 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -1,502 +1,501 @@
-  @keyframes animatedbackground {
-    from {
-      background-position-x: 0px;
-      animation-timing-function: linear;
-    }
-
-    to {
-      background-position-x: 2000px;
-      animation-timing-function: linear;
-    }
+@keyframes animatedbackground {
+  from {
+    background-position-x: 0px;
+    animation-timing-function: linear;
   }
 
-  #alert {
-    height: fit-content;
-    margin: 0px;
-    position: fixed;
-    top: 72px;
-    padding-top: 2px;
-    padding-bottom: 2px;
-    padding-right: 5px;
-    padding-left: 5px;
-    width: 100%;
-    text-align: center;
-    background: linear-gradient(#f07575 10%, #de2323 100%);
+  to {
+    background-position-x: 2000px;
+    animation-timing-function: linear;
   }
+}
 
-  .warningtext {
-    color: red;
-  }
+#alert {
+  height: fit-content;
+  margin: 0px;
+  position: fixed;
+  top: 72px;
+  padding-top: 2px;
+  padding-bottom: 2px;
+  padding-right: 5px;
+  padding-left: 5px;
+  width: 100%;
+  text-align: center;
+  background: linear-gradient(#f07575 10%, #de2323 100%);
+}
 
-  .popupcontainer {
-    top: 0%;
-    position: fixed;
-    background-color: rgba(0, 0, 0, 0.5);
-    width: 100%;
-    height: 100%;
-    z-index: 100000000;
-  }
+.warningtext {
+  color: red;
+}
 
-  .popup {
-    color: #000000;
-    text-align: center;
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    padding-top: 5px;
-    padding-bottom: 5px;
-    padding-left: 5px;
-    padding-right: 5px;
-    transform: translate(-50%, -50%);
-    width: max-content;
-    border-radius: 3px;
-    border: 1px solid #3D414A;
-    background: rgb(80, 80, 80);
-    /* Fallback for IE 11*/
-    background: linear-gradient(#cacbcc 10%, #2d2d2d 100%);
-  }
+.popupcontainer {
+  top: 0%;
+  position: fixed;
+  background-color: rgba(0, 0, 0, 0.5);
+  width: 100%;
+  height: 100%;
+  z-index: 100000000;
+}
 
-  .navbar {
-    height: 40px;
-    margin: 0px;
-    padding-right: 5px;
-    padding-left: 5px;
-    padding-top: 2px;
-    position: fixed;
-    top: 0px;
-    padding-bottom: 2px;
-    color: white;
-    line-height: normal;
-    display: inline-flex;
-    vertical-align: middle;
-    width: 100%;
-    background: rgb(58, 83, 242);
-    /* Fallback for IE 11*/
-    background: linear-gradient(#759CF0 10%, #2362DE 100%);
-  }
+.popup {
+  color: #000000;
+  text-align: center;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  padding-left: 5px;
+  padding-right: 5px;
+  transform: translate(-50%, -50%);
+  width: max-content;
+  border-radius: 3px;
+  border: 1px solid #3D414A;
+  background: rgb(80, 80, 80);
+  /* Fallback for IE 11*/
+  background: linear-gradient(#cacbcc 10%, #2d2d2d 100%);
+}
 
-  .navbarbuttoncontainer,
-  .smallnavbarbuttoncontainer,
-  .navbarlogincontainer {
-    padding-left: 5px;
-    display: table-cell;
-    vertical-align: middle;
-  }
+.navbar {
+  height: 40px;
+  margin: 0px;
+  padding-right: 5px;
+  padding-left: 5px;
+  padding-top: 2px;
+  position: fixed;
+  top: 0px;
+  padding-bottom: 2px;
+  color: white;
+  line-height: normal;
+  display: inline-flex;
+  vertical-align: middle;
+  width: 100%;
+  background: rgb(58, 83, 242);
+  /* Fallback for IE 11*/
+  background: linear-gradient(#759CF0 10%, #2362DE 100%);
+}
 
-  #navbarlogincontainer,
-  #navbarsignedincontainer {
-    position: relative;
-    padding-right: 10px;
-    margin-right: 3%;
-    margin-left: auto;
-    float: inline-end;
-    top: 11px;
-  }
+.navbarbuttoncontainer,
+.smallnavbarbuttoncontainer,
+.navbarlogincontainer {
+  padding-left: 5px;
+  display: table-cell;
+  vertical-align: middle;
+}
 
-  #profilefriendscontainer p,
-  #profilefriendscontainer a {
-    display: inline;
-  }
+#navbarlogincontainer,
+#navbarsignedincontainer {
+  position: relative;
+padding-right: 10px;
+margin-right: 0%;
+margin-left: auto;
+top: 11px;
+}
 
-  #profiletopcontainer {
-    margin-bottom: 30px;
-    display: block;
-    width: 100%;
-  }
+#profilefriendscontainer p,
+#profilefriendscontainer a {
+  display: inline;
+}
 
-  .onlinestatus_website {
-    color: #2260DD;
-  }
+#profiletopcontainer {
+  margin-bottom: 30px;
+  display: block;
+  width: 100%;
+}
 
-  .onlinestatus_ingame {
-    color: green;
-  }
+.onlinestatus_website {
+  color: #2260DD;
+}
 
-  .onlinestatus_offline {
-    color: black;
-  }
+.onlinestatus_ingame {
+  color: green;
+}
 
-  #yes,
-  #no {
-    width: 50%;
-  }
+.onlinestatus_offline {
+  color: black;
+}
 
-  #FeedBox {
-    width: 100%;
-    height: 22px;
-  }
+#yes,
+#no {
+  width: 50%;
+}
 
-  #FeedButton {
-    width: 100%;
-    height: 22px;
-  }
+#FeedBox {
+  width: 100%;
+  height: 22px;
+}
 
-  #logo_signup,
-  #logo-signup p {
-    margin: auto;
-    text-align: center;
-    width: 200px;
-  }
+#FeedButton {
+  width: 100%;
+  height: 22px;
+}
 
-  #feed,
-  #profileleftcontainer {
-    text-align: center;
-    padding-left: 5px;
-    padding-right: 5px;
-    width: 50%;
-  }
+#logo_signup,
+#logo-signup p {
+  margin: auto;
+  text-align: center;
+  width: 200px;
+}
 
-  #gamesframe,
-  #profilerightcontainer {
-    text-align: center;
-    padding-left: 5px;
-    padding-right: 5px;
-    width: 50%;
-  }
+#feed,
+#profileleftcontainer {
+  text-align: center;
+  padding-left: 5px;
+  padding-right: 5px;
+  width: 50%;
+}
 
-  .FeedContainerBox,
-  .ProfileContainerBox {
-    border-radius: 1px;
-    text-align: left;
-    width: 100%;
-    vertical-align: top;
-    display: inline-flex;
-    border: 1px solid #000000;
-    border-width: 1px;
-    margin-bottom: 5px;
-  }
+#gamesframe,
+#profilerightcontainer {
+  text-align: center;
+  padding-left: 5px;
+  padding-right: 5px;
+  width: 50%;
+}
 
-  .FriendsContainerBox {
-    border-radius: 1px;
-    text-align: left;
-    width: 100%;
-    min-width: max-content;
-    vertical-align: top;
-    display: inline-flex;
-    border: 1px solid #000000;
-    border-width: 1px;
-    margin-bottom: 5px;
-  }
+.FeedContainerBox,
+.ProfileContainerBox {
+  border-radius: 1px;
+  text-align: left;
+  width: 100%;
+  vertical-align: top;
+  display: inline-flex;
+  border: 1px solid #000000;
+  border-width: 1px;
+  margin-bottom: 5px;
+}
 
-  #btncontainer {
-    margin-left: 75%;
-  }
+.FriendsContainerBox {
+  border-radius: 1px;
+  text-align: left;
+  width: 100%;
+  min-width: max-content;
+  vertical-align: top;
+  display: inline-flex;
+  border: 1px solid #000000;
+  border-width: 1px;
+  margin-bottom: 5px;
+}
 
-  .navbarbutton {
-    position: relative;
-    top: 10px;
-    text-align: center;
-    font-size: 18px;
-  }
+#btncontainer {
+  margin-left: 75%;
+}
 
-  .smallnavbarbutton {
-    position: relative;
-    text-align: center;
-    font-size: 15px;
-  }
+.navbarbutton {
+  position: relative;
+  top: 10px;
+  text-align: center;
+  font-size: 18px;
+}
 
-  .smallnav {
-    height: 25px;
-    margin: 0px;
-    padding-left: 5px;
-    padding-right: 5px;
-    position: fixed;
-    top: 43px;
-    padding-top: 2px;
-    padding-bottom: 2px;
-    display: inline-table;
-    vertical-align: middle;
-    width: 100%;
-    line-height: normal;
-    color: rgb(255, 255, 255);
-    text-size-adjust: auto;
-    text-align: left;
-    background: linear-gradient(#303030 10%, #000000 100%);;
-  }
+.smallnavbarbutton {
+  position: relative;
+  text-align: center;
+  font-size: 15px;
+}
 
-  .invisible,
-  #invisible {
-    display: none !important;
-  }
+.smallnav {
+  height: 25px;
+  margin: 0px;
+  padding-left: 5px;
+  padding-right: 5px;
+  position: fixed;
+  top: 43px;
+  padding-top: 2px;
+  padding-bottom: 2px;
+  display: inline-table;
+  vertical-align: middle;
+  width: 100%;
+  line-height: normal;
+  color: rgb(255, 255, 255);
+  text-size-adjust: auto;
+  text-align: left;
+  background: linear-gradient(#303030 10%, #000000 100%);;
+}
 
-  html {
-    animation-name: animatedbackground;
-    animation-duration: 50s;
-    animation-iteration-count: infinite;
-    background: url('../img/animated.png');
-    background-position: center bottom;
-    background-repeat: repeat-x;
-    background-attachment: fixed;
-    margin: 0px;
-    font-family: "Helvetica";
-    src: url('Helvetica.ttf') format('truetype'), ;
-    font-style: normal;
-    background-color: rgb(49, 107, 223);
-    height: 100%;
-    color: white;
-  }
+.invisible,
+#invisible {
+  display: none !important;
+}
 
-  body {
-    margin-left: 0px;
-    margin-right: 0px;
-    margin-top: 0px;
-    margin-bottom: 0px;
-    padding-bottom: 0px;
-    height: 100%;
-  }
+html {
+  animation-name: animatedbackground;
+  animation-duration: 50s;
+  animation-iteration-count: infinite;
+  background: url('../img/animated.png');
+  background-position: center bottom;
+  background-repeat: repeat-x;
+  background-attachment: fixed;
+  margin: 0px;
+  font-family: "Helvetica";
+  src: url('Helvetica.ttf') format('truetype'), ;
+  font-style: normal;
+  background-color: rgb(49, 107, 223);
+  height: 100%;
+  color: white;
+}
 
-  .content_special,
-  #content_special {
-    display: inline-flex;
-    width: 100%;
-    flex-direction: row;
-    align-items: flex-start;
-    flex-wrap: nowrap;
-    align-content: center;
-    justify-content: flex-start;
-  }
+body {
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+  padding-bottom: 0px;
+  height: 100%;
+}
 
-  .content {
-    color: black;
-    max-width: 1000px;
-    margin: auto;
-    margin-top: 105px;
-    padding-left: 5px;
-    padding-right: 5px;
-    min-height: 300px;
-    background: rgb(255, 255, 255);
-    /* Fallback for IE 11*/
-    background-color: rgb(255, 255, 255);
-    padding-bottom: 5px;
-    padding-top: 5px;
-  }
+.content_special,
+#content_special {
+  display: inline-flex;
+  width: 100%;
+  flex-direction: row;
+  align-items: flex-start;
+  flex-wrap: nowrap;
+  align-content: center;
+  justify-content: flex-start;
+}
 
-  .content_signup {
-    color: black;
-    max-width: 500px;
-    margin: auto;
-    margin-top: 30px;
-    padding-left: 5px;
-    padding-right: 5px;
-    background: rgb(255, 255, 255);
-    /* Fallback for IE 11*/
-    background-color: rgb(255, 255, 255);
-    padding-bottom: 5px;
-    padding-top: 5px;
-  }
+.content {
+  color: black;
+  max-width: 1000px;
+  margin: auto;
+  margin-top: 105px;
+  padding-left: 5px;
+  padding-right: 5px;
+  min-height: 300px;
+  background: rgb(255, 255, 255);
+  /* Fallback for IE 11*/
+  background-color: rgb(255, 255, 255);
+  padding-bottom: 5px;
+  padding-top: 5px;
+}
 
-  .content_signup input,
-  .content_signup button {
-    width: 90%;
-  }
+.content_signup {
+  color: black;
+  max-width: 500px;
+  margin: auto;
+  margin-top: 30px;
+  padding-left: 5px;
+  padding-right: 5px;
+  background: rgb(255, 255, 255);
+  /* Fallback for IE 11*/
+  background-color: rgb(255, 255, 255);
+  padding-bottom: 5px;
+  padding-top: 5px;
+}
 
-  .content p a,
-  .content a,
-  .content_signup p a,
-  .content_signup a,
-  .content_special p a,
-  .content_special a {
-    color: black
-  }
+.content_signup input,
+.content_signup button {
+  width: 90%;
+}
 
-  #footer {
-    text-align: center;
-    max-width: 1000px;
-    margin: auto;
-    padding-left: 5px;
-    padding-right: 5px;
-    padding-bottom: 5px;
-    padding-top: 5px;
-    background: rgb(172, 172, 172);
-    /* Fallback for IE 11*/
-    background-color: rgb(172, 172, 172);
-    min-height: fit-content;
-  }
+.content p a,
+.content a,
+.content_signup p a,
+.content_signup a,
+.content_special p a,
+.content_special a {
+  color: black
+}
 
-  .tab {
-    background: linear-gradient(#cacbcc 10%, #99999a 49%, #747474 50%, #2d2d2d 100%);
-    font-weight: 400;
-    text-align: center;
-    height: 20px;
-    border-radius: 1px;
-    border: 1px solid #3D414A;
-    font-family: "Helvetica";
-    padding-left: 5px;
-    padding-right: 5px;
-    color: #fff !important;
-  }
+#footer {
+  text-align: center;
+  max-width: 1000px;
+  margin: auto;
+  padding-left: 5px;
+  padding-right: 5px;
+  padding-bottom: 5px;
+  padding-top: 5px;
+  background: rgb(172, 172, 172);
+  /* Fallback for IE 11*/
+  background-color: rgb(172, 172, 172);
+  min-height: fit-content;
+}
 
-  .tab_selected {
-    background: linear-gradient(#759CF0 10%, #3B72E1 49%, #2260DD 50%, #2362DE 100%);
-    font-weight: 400;
-    text-align: center;
-    height: 20px;
-    border-radius: 1px;
-    border: 1px solid #3D414A;
-    font-family: "Helvetica";
-    padding-left: 5px;
-    padding-right: 5px;
-    color: #fff !important;
-  }
+.tab {
+  background: linear-gradient(#cacbcc 10%, #99999a 49%, #747474 50%, #2d2d2d 100%);
+  font-weight: 400;
+  text-align: center;
+  height: 20px;
+  border-radius: 1px;
+  border: 1px solid #3D414A;
+  font-family: "Helvetica";
+  padding-left: 5px;
+  padding-right: 5px;
+  color: #fff !important;
+}
+
+.tab_selected {
+  background: linear-gradient(#759CF0 10%, #3B72E1 49%, #2260DD 50%, #2362DE 100%);
+  font-weight: 400;
+  text-align: center;
+  height: 20px;
+  border-radius: 1px;
+  border: 1px solid #3D414A;
+  font-family: "Helvetica";
+  padding-left: 5px;
+  padding-right: 5px;
+  color: #fff !important;
+}
 
 
-  /*Button gradients by TersisWilvin*/
-  button {
-    background: rgb(45, 45, 45);
-    /*Fallback for IE 11*/
-    background: linear-gradient(#cacbcc 10%, #99999a 49%, #747474 50%, #2d2d2d 100%);
-    font-weight: 400;
-    text-align: center;
-    height: 20px;
-    border-radius: 3px;
-    border: 1px solid #3D414A;
-    font-family: "Helvetica";
-    color: #fff;
-  }
+/*Button gradients by TersisWilvin*/
+button {
+  background: rgb(45, 45, 45);
+  /*Fallback for IE 11*/
+  background: linear-gradient(#cacbcc 10%, #99999a 49%, #747474 50%, #2d2d2d 100%);
+  font-weight: 400;
+  text-align: center;
+  height: 20px;
+  border-radius: 3px;
+  border: 1px solid #3D414A;
+  font-family: "Helvetica";
+  color: #fff;
+}
 
-  button:hover {
-    cursor: pointer;
-  }
+button:hover {
+  cursor: pointer;
+}
 
-  button:disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
+button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
 
 
-  button.bluebutton {
-    background: rgb(35, 98, 222);
-    /*Fallback for IE 11*/
-    background: linear-gradient(0deg,#00a2ff 0%,#0074bd 49%,#08f 50%,#57c2fe 95%,#99daff 100%);
-  }
+button.bluebutton {
+  background: rgb(35, 98, 222);
+  /*Fallback for IE 11*/
+  background: linear-gradient(0deg,#00a2ff 0%,#0074bd 49%,#08f 50%,#57c2fe 95%,#99daff 100%);
+}
 
-  button:hover.bluebutton {
-    background: linear-gradient(0deg,#32b5ff 0%,#0074bd 49%,#2c99f8 50%,#71c9fa 95%,#b6e5ff 100%);
-  }
+button:hover.bluebutton {
+  background: linear-gradient(0deg,#32b5ff 0%,#0074bd 49%,#2c99f8 50%,#71c9fa 95%,#b6e5ff 100%);
+}
 
-  button:active.bluebutton, button:focus.bluebutton  {
-    background: linear-gradient(0deg,#32b5ff 0%,#0074bd 49%,#2c99f8 50%,#71c9fa 95%,#b6e5ff 100%);
-  }
+button:active.bluebutton, button:focus.bluebutton  {
+  background: linear-gradient(0deg,#32b5ff 0%,#0074bd 49%,#2c99f8 50%,#71c9fa 95%,#b6e5ff 100%);
+}
 
-  button.greybutton {
-    background: rgb(255, 255, 255);
-    color: black;
-    /*Fallback for IE 11*/
-    background: linear-gradient(0deg,#fff 0%,#b8b8b8 49%,#e3e3e3 50%,#f2f2f2 95%,#fff 100%);
-  }
+button.greybutton {
+  background: rgb(255, 255, 255);
+  color: black;
+  /*Fallback for IE 11*/
+  background: linear-gradient(0deg,#fff 0%,#b8b8b8 49%,#e3e3e3 50%,#f2f2f2 95%,#fff 100%);
+}
 
-  button:hover.greybutton {
-    background: linear-gradient(0deg,#fff 0%,#b8b8b8 49%,#e3e3e3 50%,#f2f2f2 95%,#fff 100%);
-  }
+button:hover.greybutton {
+  background: linear-gradient(0deg,#fff 0%,#b8b8b8 49%,#e3e3e3 50%,#f2f2f2 95%,#fff 100%);
+}
 
-  button.redbutton {
-    background: rgb(223, 24, 24);
-    /*Fallback for IE 11*/
-    background: linear-gradient(0deg,#d86868 0%,#a95151 49%,#bc5c5c 50%,#e96f6f 95%,#fe7979 100%);
-  }
+button.redbutton {
+  background: rgb(223, 24, 24);
+  /*Fallback for IE 11*/
+  background: linear-gradient(0deg,#d86868 0%,#a95151 49%,#bc5c5c 50%,#e96f6f 95%,#fe7979 100%);
+}
 
-  button:hover.redbutton {
-    background: linear-gradient(0deg,#e27676 0%,#a95151 49%,#ca6363 50%,#f07272 95%,#fd8888 100%);
-  }
+button:hover.redbutton {
+  background: linear-gradient(0deg,#e27676 0%,#a95151 49%,#ca6363 50%,#f07272 95%,#fd8888 100%);
+}
 
-  button.greenbutton {
-    background: rgb(26, 92, 46);
-    /*Fallback for IE 11*/
-    background: linear-gradient(0deg,#02b757 0%,#118237 49%,#01a64e 50%,#3fc679 95%,#a3e2bd 100%);
-  }
+button.greenbutton {
+  background: rgb(26, 92, 46);
+  /*Fallback for IE 11*/
+  background: linear-gradient(0deg,#02b757 0%,#118237 49%,#01a64e 50%,#3fc679 95%,#a3e2bd 100%);
+}
 
-  button:hover.greenbutton {
-    background: linear-gradient(0deg,#3fc679 0%,#15933f 49%,#3cc175 50%,#46dc86 95%,#53ff9d 100%);
-  }
+button:hover.greenbutton {
+  background: linear-gradient(0deg,#3fc679 0%,#15933f 49%,#3cc175 50%,#46dc86 95%,#53ff9d 100%);
+}
 
 
-  #footer_signup {
-    text-align: center;
-    max-width: 500px;
-    margin: auto;
-    padding-left: 5px;
-    padding-right: 5px;
-    padding-bottom: 5px;
-    padding-top: 5px;
-    background: rgb(172, 172, 172);
-    /* Fallback for IE 11*/
-    background-color: rgb(172, 172, 172);
-    min-height: fit-content;
-  }
+#footer_signup {
+  text-align: center;
+  max-width: 500px;
+  margin: auto;
+  padding-left: 5px;
+  padding-right: 5px;
+  padding-bottom: 5px;
+  padding-top: 5px;
+  background: rgb(172, 172, 172);
+  /* Fallback for IE 11*/
+  background-color: rgb(172, 172, 172);
+  min-height: fit-content;
+}
 
-  #footer p,
-  #footer a,
-  #footer_signup p,
-  #footer_signup a {
-    color: black;
-  }
+#footer p,
+#footer a,
+#footer_signup p,
+#footer_signup a {
+  color: black;
+}
 
-  p,
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    margin: 0px;
-  }
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin: 0px;
+}
 
-  a,
-  #navbarusername {
-    color: white;
-    text-decoration: none;
-    font-weight: bolder;
-  }
+a,
+#navbarusername {
+  color: white;
+  text-decoration: none;
+  font-weight: bolder;
+}
 
-  .nonbolded {
-    font-weight: normal !important;
-  }
+.nonbolded {
+  font-weight: normal !important;
+}
 
-  .logoutframe {
-    color: black;
-    max-width: fit-content;
-    margin: auto;
-    padding-left: 5px;
-    padding-right: 5px;
-    background: rgb(255, 255, 255);
-    /* Fallback for IE 11*/
-    background-color: rgb(255, 255, 255);
-    padding-bottom: 5px;
-    padding-top: 5px;
-  }
+.logoutframe {
+  color: black;
+  max-width: fit-content;
+  margin: auto;
+  padding-left: 5px;
+  padding-right: 5px;
+  background: rgb(255, 255, 255);
+  /* Fallback for IE 11*/
+  background-color: rgb(255, 255, 255);
+  padding-bottom: 5px;
+  padding-top: 5px;
+}
 
-  .w-5 {
-    display: none;
-  }
+.w-5 {
+  display: none;
+}
 
-  .flex {
-    display: table;
-    margin-right: auto;
-    margin-left: auto;
-  }
+.flex {
+  display: table;
+  margin-right: auto;
+  margin-left: auto;
+}
 
-  .iphone-sidebar {
-    position: fixed;
-    color: rgb(255, 255, 255);
-    width: 20%;
-    height: 100%;
-    margin-left: 0px;
-    background-color: rgb(0,0,0);
-    padding-bottom: 5px;
-    padding-top: 5px;
-  }
+.iphone-sidebar {
+  position: fixed;
+  color: rgb(255, 255, 255);
+  width: 20%;
+  height: 100%;
+  margin-left: 0px;
+  background-color: rgb(0,0,0);
+  padding-bottom: 5px;
+  padding-top: 5px;
+}
 
-  .iphone-content {
-    position: relative;
-    color: white;
-    width: 80%;
-    height: 100%;
-    left: 20%;
-    background-color: rgb(200,200,200);
-    padding-bottom: 5px;
-    padding-top: 5px;
-  }
+.iphone-content {
+  position: relative;
+  color: white;
+  width: 80%;
+  height: 100%;
+  left: 20%;
+  background-color: rgb(200,200,200);
+  padding-bottom: 5px;
+  padding-top: 5px;
+}
 
-  #InviteTreeContainer {
-    background-color: rgb(255, 255, 255);
-  }
\ No newline at end of file
+#InviteTreeContainer {
+  background-color: rgb(255, 255, 255);
+}
\ No newline at end of file