diff --git a/.eslintrc.js b/.eslintrc.js
index 67c085d..c062c83 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -22,6 +22,7 @@ module.exports = {
     // allow async-await
     'generator-star-spacing': 0,
     // allow debugger during development
-    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
+    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
+    'no-unneeded-ternary': 0
   }
 }
diff --git a/server.js b/server.js
index 644699c..a1db30f 100644
--- a/server.js
+++ b/server.js
@@ -3,6 +3,7 @@ const path = require('path');
 const bodyParser = require("body-parser");
 const app = express();
 const Pusher = require('pusher');
+const crypto = require("crypto");
 
 const pusher = new Pusher({
     appId: '351311',
@@ -31,18 +32,6 @@ app.use( (req, res, next) => {
 
 app.set('port', (process.env.PORT || 5000));
 
-function generateUUID () {
-  var d = new Date().getTime();
-  var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-    var r = (d + Math.random() * 16) % 16 | 0;
-    d = Math.floor(d / 16);
-    return (c == 'x' ? r : (r & 0x3 | 0x8)).toString(16);
-  });
-  return uuid;
-}
-
-let user_id = generateUUID()
-
 app.get('/', (req,res) => {
     res.send('Welcome')
 })
@@ -51,7 +40,7 @@ app.post('/pusher/auth', (req, res) => {
     let socketId = req.body.socket_id;
     let channel = req.body.channel_name;
     let presenceData = {
-      user_id: user_id
+      user_id: crypto.randomBytes(16).toString("hex")
     };
     let auth = pusher.authenticate(socketId, channel, presenceData);
     res.send(auth);
diff --git a/src/components/ChannelDetails.vue b/src/components/ChannelDetails.vue
new file mode 100644
index 0000000..7059d59
--- /dev/null
+++ b/src/components/ChannelDetails.vue
@@ -0,0 +1,27 @@
+<script>
+  import Pusher from 'pusher-js'
+  const pusher = new Pusher('26b7d8fa6aa64488853b', {
+    cluster: 'eu',
+    encrypted: true,
+    authEndpoint: 'http://localhost:5000/pusher/auth'
+  })
+
+  export default ({
+    getPresenceID () {
+      let getQueryString = (field, url) => {
+        let href = url ? url : window.location.href
+        let reg = new RegExp('[?&]' + field + '=([^&#]*)', 'i')
+        let string = reg.exec(href)
+        return string ? string[1] : null
+      }
+      let id = getQueryString('id')
+      id = 'presence-' + id
+      return id
+    },
+    subscribeToPusher () {
+      let presenceid = this.getPresenceID()
+      let channel = pusher.subscribe(presenceid)
+      return channel
+    }
+  })
+</script>
diff --git a/src/components/Home.vue b/src/components/Home.vue
index 56e613e..ff436f9 100644
--- a/src/components/Home.vue
+++ b/src/components/Home.vue
@@ -1,22 +1,290 @@
 <template>
   <transition name="fade">
-    <div class="home">
+    <div class="home" v-if="!secondplayer">
       <div class="inner">
-        <h1>Hamilton Lyrics Expert</h1>
+        <h1>Do you know your Hamilton Lyrics?</h1>
         <p>Test your knowledge of Hamilton: An American Musical by guessing who sang what lyric.</p>
-        <router-link to="/play" class="button is-primary play--button">Play Now</router-link>
+      </div>
+    </div>
+    <div class="play" v-if="secondplayer">
+      <div>
+        <div class="container hamilton--header--text">
+          <h1>Do you know your Hamilton Lyrics?</h1>
+          <p>Time left - {{timeLeft}}</p>
+
+          <div class="columns hamilton--inner">
+            <div class="column is-half left">
+              <p class="title">User 1</p>
+              <p class="subtitle">Total Score: {{totalscore}}</p>
+            </div>
+            <div v-if="secondplayer" class="column is-half right">
+              <p class="title">User 2</p>
+              <p class="subtitle">Total Score: {{totalscore}}</p>
+            </div>
+          </div>
+
+          <div class="hamilton--lyrics--text">
+            <p>{{question.lyric}}
+            </p>
+            <div class="hamilton--answers">
+              <a v-bind:class="{ 'wronganswer': hasAnswered && !item.correct, 'correctanswer': hasAnswered && item.correct}" @click="checkAnswer(item)" v-for="(item, index) in options">{{item.name}}</a>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
   </transition>
 </template>
 
 <script>
-export default {
-  name: 'home',
-  data () {
-    return {
+  import ChannelDetails from '@/components/ChannelDetails'
+  const lyrics = [
+    {
+      lyric: 'When he was ten his father split, full of it, debt-ridden. Two years later, see Alex and his mother bed-ridden. Half-dead sittin\' in their own sick, the scent thick',
+      options: [{name: 'Aaron Burr', correct: false}, {name: 'James Madison', correct: false}, {name: 'John Laurens', correct: false}, {name: 'Eliza Hamilton', correct: true}],
+      answer: 'Eliza Hamilton'
+    },
+    {
+      lyric: 'I am sailing off to London. I’m accompanied by someone who always pays. I have found a wealthy husband. Who will keep me in comfort for all my days. He is not a lot of fun, but there’s no one',
+      options: [{name: 'Eliza', correct: false}, {name: 'Peggy', correct: false}, {name: 'Angelica', correct: true}, {name: 'Maria', correct: false}],
+      answer: 'Angelica'
+    },
+    {
+      lyric: 'Lord, show me how to. Say no to this. I don’t know how to. Say no to this',
+      options: [{name: 'Alexander Hamilton', correct: true}, {name: 'Thomas Jefferson', correct: false}, {name: 'John Laurens', correct: false}, {name: 'James Madison', correct: false}],
+      answer: 'Alexander Hamilton'
+    },
+    {
+      lyric: 'And y’all look pretty good in ya’ frocks. How ‘bout when I get back, we all strip down to our socks?',
+      options: [{name: 'Philip Hamilton', correct: true}, {name: 'George Eacker', correct: false}, {name: 'John Adams', correct: false}, {name: 'John Adams', correct: false}],
+      answer: 'Philip Hamilton'
+    },
+    {
+      lyric: 'And when you said “Hi,” I forgot my dang name',
+      options: [{name: 'Maria', correct: false}, {name: 'Eliza', correct: false}, {name: 'Peggy', correct: false}, {name: 'Angelica', correct: true}],
+      answer: 'Angelica'
+    },
+    {
+      lyric: 'Thank you for all your service',
+      options: [{name: 'Eliza', correct: true}, {name: 'Maria', correct: false}, {name: 'Peggy', correct: false}, {name: 'Angelica', correct: false}],
+      answer: 'Eliza'
+    },
+    {
+      lyric: 'And I’m never gonna stop until I make ‘em. Drop and burn ‘em up and scatter their remains, I’m',
+      options: [{ name: 'Lafayette', correct: true }, { name: 'Laurens', correct: false }, { name: 'Eacker', correct: false }, {name: 'Adams', correct: false}],
+      answer: 'Lafayette'
+    },
+    {
+      lyric: 'Yeah, you know what? We can change that. You know why?',
+      options: [{name: 'Jefferson', correct: true}, {name: 'Maria', correct: false}, {name: 'Peggy', correct: false}, {name: 'Angelica', correct: false}],
+      answer: 'Jefferson'
+    },
+    {
+      lyric: 'I survived, but I paid for it',
+      options: [{name: 'Aaron Burr', correct: true}, {name: 'James Madison', correct: false}, {name: 'George Washington', correct: false}, {name: 'King George', correct: false}],
+      answer: 'Aaron Burr'
+    },
+    {
+      lyric: 'When you knock me down I get the fuck back up again!',
+      options: [{name: 'Burr', correct: false}, {name: 'Lafayette', correct: false}, {name: 'Mulligan', correct: true}, {name: 'Laurens', correct: false}],
+      answer: 'Mulligan'
+    },
+    {
+      lyric: 'Why so sad? Remember we made an arrangement when you went away.Now you’re making me mad',
+      options: [{name: 'Peggy Schuyler', correct: false}, {name: 'King George', correct: true}, {name: 'Eliza Hamilton', correct: false}, {name: 'Angelica Schuyler', correct: false}],
+      answer: 'King George'
+    },
+    {
+      lyric: 'It’s bad enough daddy wants to go to war',
+      options: [{name: 'Peggy Schuyler', correct: true}, {name: 'King George', correct: false}, {name: 'Angelica Schuyler', correct: false}, {name: 'Eliza Hamilton', correct: false}],
+      answer: 'Peggy Schuyler'
+    },
+    {
+      lyric: 'When I was given my first command. I led my men straight into a massacre',
+      options: [{name: 'John Adams', correct: false}, {name: 'James Madison', correct: false}, {name: 'John Laurens', correct: false}, {name: 'George Washington', correct: true}],
+      answer: 'George Washington'
+    },
+    {
+      lyric: 'Black and white soldiers wonder alike if this really means freedom',
+      options: [{name: 'Burr', correct: false}, {name: 'Lafayette', correct: false}, {name: 'Mulligan', correct: false}, {name: 'Laurens', correct: true}],
+      answer: 'Laurens'
+    },
+    {
+      lyric: 'We lower our guns as he frantically waves a white handkerchief',
+      options: [{name: 'Lafayette', correct: true}, {name: 'Burr', correct: false}, {name: 'Mulligan', correct: false}, {name: 'Laurens', correct: false}],
+      answer: 'Lafayette'
+    },
+    {
+      lyric: 'And so the American experiment begins. With my friends all scattered to the winds',
+      options: [{name: 'Hamilton', correct: true}, {name: 'Lafayette', correct: false}, {name: 'Mulligan', correct: false}, {name: 'Laurens', correct: false}],
+      answer: 'Hamilton'
+    },
+    {
+      lyric: 'We will fight up close, seize the moment and stay in it. It’s either that or meet the business end of a bayonet. The code word is ‘Rochambeau,’ dig me?',
+      options: [{name: 'Hamilton', correct: true}, {name: 'Lafayette', correct: false}, {name: 'Mulligan', correct: false}, {name: 'Jefferson', correct: false}],
+      answer: 'Hamilton'
+    },
+    {
+      lyric: 'An immigrant you know and love who’s unafraid to step in!',
+      options: [{name: 'Burr', correct: true}, {name: 'Laurens', correct: false}, {name: 'Washington', correct: false}, {name: 'Mulligan', correct: false}],
+      answer: 'Burr'
+    },
+    {
+      lyric: 'I’m a trust fund, baby, you can trust me!',
+      options: [{name: 'Burr', correct: true}, {name: 'Lafayette', correct: false}, {name: 'George', correct: false}, {name: 'Laurens', correct: false}],
+      answer: 'Burr'
+    },
+    {
+      lyric: 'You want a revolution? I want a revelation',
+      options: [{name: 'Angelica', correct: true}, {name: 'Eliza', correct: false}, {name: 'Mulligan', correct: false}, {name: 'Laurens', correct: false}],
+      answer: 'Angelica'
+    },
+    {
+      lyric: 'You punched the bursar',
+      options: [{name: 'Lafayette', correct: false}, {name: 'Peggy', correct: false}, {name: 'Laurens', correct: false}, {name: 'Burr', correct: true}],
+      answer: 'Burr'
+    }
+  ]
+
+  export default {
+    name: 'home',
+    data () {
+      return {
+        presenceid: null,
+        timeLeft: 15,
+        hasAnswered: false,
+        totalscore: 0,
+        question: null,
+        options: null,
+        correctanswer: null,
+        count: null,
+        questionindex: 0,
+        players: 1,
+        secondplayer: false,
+        playerdata: {
+          id: null,
+          score: null
+        }
+      }
+    },
+    created () {
+      this.fetchData()
+      this.timer()
+    },
+    methods: {
+      fetchData () {
+        this.presenceid = this.getUniqueId()
+        if (!this.checkPresenceID()) {
+          var separator = (window.location.href.indexOf('?') === -1) ? '?' : '&'
+          window.location.href = window.location.href + separator + this.presenceid
+        }
+        this.getNewQuestion()
+        let channel = ChannelDetails.subscribeToPusher()
+        channel.bind('pusher:member_added', members => {
+          this.players += 1
+        })
+        channel.bind('pusher:subscription_succeeded', members => {
+          if (members.count > 1) {
+            console.log('more than 1')
+            this.secondplayer = true
+            this.playerdata.id = members.myID
+          }
+          console.log(members)
+        })
+        channel.bind('pusher:member_removed', member => {
+          this.players -= 1
+        })
+        channel.bind('client-send', (data) => {
+          console.log(data)
+          this.totalscore = data.score
+        })
+      },
+      getUniqueId () {
+        return 'id=' + Math.random().toString(36).substr(2, 8)
+      },
+      checkPresenceID () {
+        let getQueryString = (field, url) => {
+          let href = url ? url : window.location.href
+          let reg = new RegExp('[?&]' + field + '=([^&#]*)', 'i')
+          let string = reg.exec(href)
+          return string ? string[1] : null
+        }
+        let id = getQueryString('id')
+        return id
+      },
+      checkAnswer (item) {
+        let channel = ChannelDetails.subscribeToPusher()
+        this.hasAnswered = true
+        if (item.name === this.correctanswer) {
+          this.totalscore += 10
+        } else {
+          if (this.totalscore < 10) {
+            this.totalscore = 0
+          } else {
+            this.totalscore -= 10
+          }
+        }
+        channel.trigger('client-send', {score: this.totalscore})
+        this.count = 3
+        let countdown = setInterval(() => {
+          this.count -= 1
+          if (this.count === 0) {
+            if (this.questionindex === 10) {
+              console.log('game over')
+              this.$router.push('/')
+            } else {
+              clearInterval(countdown)
+              this.getNewQuestion()
+              this.timeLeft = 15
+            }
+          }
+        }, 1000)
+      },
+      getRandomQuestions (array, count) {
+        let length = array.length
+        let randomIndexes = []
+        let randomItems = []
+        let index, item
+
+        count = count | 1
+
+        while (count) {
+          index = Math.floor(Math.random() * length)
+          if (randomIndexes.indexOf(index) === -1) {
+            count--
+            randomIndexes.push(index)
+          }
+        }
+
+        randomIndexes.forEach((index) => {
+          item = array.slice(index, index + 1).pop()
+          randomItems.push(item)
+        })
+
+        if (randomItems.length === 1) {
+          return randomItems.pop()
+        } else {
+          return randomItems
+        }
+      },
+      getNewQuestion () {
+        let question = this.getRandomQuestions(lyrics, 1)
+        this.question = question
+        this.options = question.options
+        this.correctanswer = question.answer
+        this.hasAnswered = false
+        this.questionindex += 1
+      },
+      timer () {
+        setInterval(() => {
+          this.timeLeft -= 1
+          if (this.timeLeft === 0) {
+            this.getNewQuestion()
+            this.timeLeft = 10
+          }
+        }, 1000)
+      }
     }
-  }
 }
 </script>
 
@@ -60,4 +328,84 @@ export default {
   .fade-enter, .fade-leave-to {
     opacity: 0
   }
+  a {
+    color: #fff;
+  }
+  p {
+    color: #fff;
+  }
+  h1 {
+    font-size: 3rem;
+    font-weight: bold;
+    text-align: center;
+  }
+  .fade-enter-active, .fade-leave-active {
+    transition: opacity .5s
+  }
+  .fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ {
+    opacity: 0
+  }
+  .play--button {
+    background-color: white;
+    color: #7fd4d3;
+    font-weight: bold;
+    border-radius: 20px;
+    letter-spacing: 1px;
+    padding: 20px;
+    transition: all .3s ease;
+    text-shadow: 0 1px 3px rgba(36,180,126,.4);
+    text-transform: uppercase;
+    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
+    position: absolute;
+    top: 20px;
+    right: 20px;
+    z-index: 5;
+  }
+  .play--button:hover {
+    background-color: white;
+    color: #7fd4d3;
+    transform: translateY(-1px);
+    box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
+  }
+  .hamilton--header--text {
+    margin-top: 50px;
+  }
+  .hamilton--inner {
+    margin-top: 20px;
+  }
+  .hamilton--inner .left{
+    text-align: left;
+  }
+  .hamilton--inner .right{
+    text-align: right;
+  }
+  .title {
+    font-weight: bold;
+  }
+  .hamilton--lyrics--text {
+    width: 600px;
+    margin: 0 auto;
+  }
+  .hamilton--lyrics--text p {
+    font-weight: bold;
+  }
+  .hamilton--answers a{
+    display: block;
+    border: 3px solid white;
+    border-radius: 50px;
+    margin: 20px auto;
+    width: 500px;
+    padding: 10px;
+  }
+  .wronganswer {
+    background-color: #ec6969;
+    border: none !important;
+    opacity: 0.4;
+    transition: background-color 0.5s ease;
+  }
+  .correctanswer {
+    background-color: #00c4a7;
+    border: none !important;
+    transition: background-color 0.5s ease;
+  }
 </style>
diff --git a/src/components/Play.vue b/src/components/Play.vue
deleted file mode 100644
index 5cc07d2..0000000
--- a/src/components/Play.vue
+++ /dev/null
@@ -1,255 +0,0 @@
-<template>
-  <transition name="fade">
-    <div>
-      <router-link class="is-pulled-right button is-primary play--button" to="/">Go Home</router-link>
-      <div class="container hamilton--header--text">
-        <h1>Hamilton Lyrics Expert</h1>
-
-        <div class="columns hamilton--inner">
-          <div class="column is-half left">
-            <p class="title">User 1</p>
-            <p class="subtitle">Total Score: {{yourscore}}</p>
-          </div>
-          <div class="column is-half right">
-            <p class="title">User 2</p>
-            <p class="subtitle">Total Score: {{opponentscore}}</p>
-          </div>
-        </div>
-
-        <div class="hamilton--lyrics--text">
-          <p>When he was ten his father split, full of it, debt-ridden
-            Two years later, see Alex and his mother bed-ridden
-            Half-dead sittin' in their own sick, the scent thick
-          </p>
-          <div class="hamilton--answers">
-            <a>Aaron Burr</a>
-            <a>James Madison</a>
-            <a>John Laurens</a>
-            <a>Eliza Hamilton</a>
-          </div>
-        </div>
-      </div>
-    </div>
-  </transition>
-</template>
-
-<script>
-  // import Pusher from 'pusher-js'
-
-//  const pusher = new Pusher('26b7d8fa6aa64488853b', {
-//    cluster: 'eu',
-//    encrypted: true,
-//    authEndpoint: 'http://localhost:5000/pusher/auth'
-//  })
-//  let channel = pusher.subscribe('presence-hamilton')
-//
-//  channel.bind('pusher:subscription_succeeded', () => {
-//    var triggered = channel.trigger('client-hamilton', { message: 'data' })
-//    console.log(triggered)
-//  })
-  const lyrics = [
-    {
-      lyric: 'When he was ten his father split, full of it, debt-ridden. Two years later, see Alex and his mother bed-ridden. Half-dead sittin\' in their own sick, the scent thick',
-      options: ['Aaron Burr, James Madison, John Laurens, Eliza Hamilton'],
-      answer: 'Eliza Hamilton'
-    },
-    {
-      lyric: 'I am sailing off to London. I’m accompanied by someone who always pays. I have found a wealthy husband. Who will keep me in comfort for all my days. He is not a lot of fun, but there’s no one',
-      options: ['Eliza, Peggy, Angelica, Maria'],
-      answer: 'Angelica'
-    },
-    {
-      lyric: 'Lord, show me how to. Say no to this. I don’t know how to. Say no to this',
-      options: ['Alexander Hamilton, Thomas Jefferson, John Laurens, James Madison'],
-      answer: 'Alexander Hamilton'
-    },
-    {
-      lyric: 'And y’all look pretty good in ya’ frocks. How ‘bout when I get back, we all strip down to our socks?',
-      options: ['James Madison, John Adams, Mulligan, Philip Hamilton'],
-      answer: 'Philip Hamilton'
-    },
-    {
-      lyric: 'And when you said “Hi,” I forgot my dang name',
-      options: ['Eliza, Maria, Peggy, Angelica'],
-      answer: 'Angelica'
-    },
-    {
-      lyric: 'Thank you for all your service',
-      options: ['Eliza, Maria, Peggy, Angelica'],
-      answer: 'Eliza'
-    },
-    {
-      lyric: 'And I’m never gonna stop until I make ‘em. Drop and burn ‘em up and scatter their remains, I’m',
-      options: ['Eliza, Maria, Peggy, Angelica'],
-      answer: 'Lafayette'
-    },
-    {
-      lyric: 'Yeah, you know what? We can change that. You know why?',
-      options: ['Eliza, Maria, Peggy, Angelica'],
-      answer: 'Thomas Jefferson'
-    },
-    {
-      lyric: 'I survived, but I paid for it',
-      options: ['Aaron Burr, James Madison, George Washington, King George'],
-      answer: 'Aaron Burr'
-    },
-    {
-      lyric: 'When you knock me down I get the fuck back up again!',
-      options: ['Burr, Lafayette, Mulligan, Laurens'],
-      answer: 'Mulligan'
-    },
-    {
-      lyric: 'Why so sad? Remember we made an arrangement when you went away.Now you’re making me mad',
-      options: ['Peggy Schuyler, King George, Angelica Schuyler, Eliza Hamilton'],
-      answer: 'King George'
-    },
-    {
-      lyric: 'It’s bad enough daddy wants to go to war',
-      options: ['Peggy Schuyler, King George, Angelica Schuyler, Eliza Hamilton'],
-      answer: 'Peggy Schuyler'
-    },
-    {
-      lyric: 'When I was given my first command. I led my men straight into a massacre',
-      options: ['John Adams, James Madison, John Laurens, George Washington'],
-      answer: 'George Washington'
-    },
-    {
-      lyric: 'Black and white soldiers wonder alike if this really means freedom',
-      options: ['Burr, Lafayette, Mulligan, Laurens'],
-      answer: 'Laurens'
-    },
-    {
-      lyric: 'We lower our guns as he frantically waves a white handkerchief',
-      options: ['Burr, Lafayette, Mulligan, Laurens'],
-      answer: 'Lafayette'
-    },
-    {
-      lyric: 'And so the American experiment begins. With my friends all scattered to the winds',
-      options: ['Hamilton, Lafayette, Mulligan, Laurens'],
-      answer: 'Hamilton'
-    },
-    {
-      lyric: 'We will fight up close, seize the moment and stay in it. It’s either that or meet the business end of a bayonet. The code word is ‘Rochambeau,’ dig me?',
-      options: ['Hamilton, Lafayette, Mulligan, Jefferson'],
-      answer: 'Hamilton'
-    },
-    {
-      lyric: 'An immigrant you know and love who’s unafraid to step in!',
-      options: ['Burr, Washington, Mulligan, Laurens'],
-      answer: 'Burr'
-    },
-    {
-      lyric: 'I’m a trust fund, baby, you can trust me!',
-      options: ['Burr, Lafayette, George, Laurens'],
-      answer: 'Burr'
-    },
-    {
-      lyric: 'You want a revolution? I want a revelation',
-      options: ['Burr, Eliza, Mulligan, Laurens'],
-      answer: 'Angelica'
-    },
-    {
-      lyric: 'You punched the bursar',
-      options: ['Lafayette, Peggy, Laurens, Burr'],
-      answer: 'Burr'
-    }
-  ]
-  export default {
-    name: 'play',
-    data () {
-      return {
-        timeLeft: 10,
-        yourscore: 0,
-        opponentscore: 0,
-        questionindex: 0,
-        questions: lyrics,
-        answers: Array(lyrics.length).fill('')
-      }
-    },
-    created () {
-      this.endGame()
-    },
-    methods: {
-      playGame () {
-
-      },
-      endGame () {
-        if (this.timeLeft === 0) {
-          console.log('end of game')
-        }
-      }
-    }
-  }
-</script>
-
-<style scoped>
-  a {
-    color: #fff;
-  }
-  p {
-    color: #fff;
-  }
-  h1 {
-    font-size: 3rem;
-    font-weight: bold;
-    text-align: center;
-  }
-  .fade-enter-active, .fade-leave-active {
-    transition: opacity .5s
-  }
-  .fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ {
-    opacity: 0
-  }
-  .play--button {
-    background-color: white;
-    color: #7fd4d3;
-    font-weight: bold;
-    border-radius: 20px;
-    letter-spacing: 1px;
-    padding: 20px;
-    transition: all .3s ease;
-    text-shadow: 0 1px 3px rgba(36,180,126,.4);
-    text-transform: uppercase;
-    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
-    position: absolute;
-    top: 20px;
-    right: 20px;
-    z-index: 5;
-  }
-  .play--button:hover {
-    background-color: white;
-    color: #7fd4d3;
-    transform: translateY(-1px);
-    box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
-  }
-  .hamilton--header--text {
-    margin-top: 50px;
-  }
-  .hamilton--inner {
-    margin-top: 20px;
-  }
-  .hamilton--inner .left{
-    text-align: left;
-  }
-  .hamilton--inner .right{
-    text-align: right;
-  }
-  .title {
-    font-weight: bold;
-  }
-  .hamilton--lyrics--text {
-    width: 600px;
-    margin: 0 auto;
-  }
-  .hamilton--lyrics--text p {
-    font-weight: bold;
-  }
-  .hamilton--answers a{
-    display: block;
-    border: 3px solid white;
-    border-radius: 50px;
-    margin: 20px auto;
-    width: 500px;
-    padding: 10px;
-  }
-</style>
diff --git a/src/router/index.js b/src/router/index.js
index 66d1355..fd1ee90 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,7 +1,6 @@
 import Vue from 'vue'
 import Router from 'vue-router'
 import Home from '@/components/Home'
-import Play from '@/components/Play'
 
 Vue.use(Router)
 
@@ -11,11 +10,6 @@ export default new Router({
       path: '/',
       name: 'Home',
       component: Home
-    },
-    {
-      path: '/play',
-      name: 'Play',
-      component: Play
     }
   ]
 })