{"action":"created","comment":{"url":"https://api.github.com/repos/andela/kissa-cfh-project/pulls/comments/91840211","pull_request_review_id":12352705,"id":91840211,"diff_hunk":"@@ -1,1326 +1,1225 @@\n $main-font: \"helvetica neue\", helvetica, sans-serif;\n-\n-$mq-mobile-portrait : 320px !default;\n-$mq-mobile-landscape : 520px !default;\n-$mq-tablet-portrait : 768px !default;\n-$mq-tablet-landscape : 1024px !default;\n+$mq-mobile-portrait: 320px !default;\n+$mq-mobile-landscape: 520px !default;\n+$mq-tablet-portrait: 768px !default;\n+$mq-tablet-landscape: 1024px !default;\n $mq-desktop: 1100px !default;\n-$mq-custom-wide : 1200px !default;\n-\n+$mq-custom-wide: 1200px !default;\n $color-background: #fff;\n-\n @mixin gradient-bg {\n-/* IE10 Consumer Preview */\n-background-image: -ms-linear-gradient(top left, #0B394E 0%, #ABCE8D 100%);\n-\n-/* Mozilla Firefox */\n-background-image: -moz-linear-gradient(top left, #0B394E 0%, #ABCE8D 100%);\n-\n-/* Opera */\n-background-image: -o-linear-gradient(top left, #0B394E 0%, #ABCE8D 100%);\n-\n-/* Webkit (Safari/Chrome 10) */\n-background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #0B394E), color-stop(1, #ABCE8D));\n-\n-/* Webkit (Chrome 11+) */\n-background-image: -webkit-linear-gradient(top left, #0B394E 0%, #ABCE8D 100%);\n-\n-/* W3C Markup, IE10 Release Preview */\n-background-image: linear-gradient(to bottom right, #0B394E 0%, #ABCE8D 100%);\n+  /* IE10 Consumer Preview */\n+  background-image: -ms-linear-gradient(top left, #0B394E 0%, #ABCE8D 100%);\n+  /* Mozilla Firefox */\n+  background-image: -moz-linear-gradient(top left, #0B394E 0%, #ABCE8D 100%);\n+  /* Opera */\n+  background-image: -o-linear-gradient(top left, #0B394E 0%, #ABCE8D 100%);\n+  /* Webkit (Safari/Chrome 10) */\n+  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #0B394E), color-stop(1, #ABCE8D));\n+  /* Webkit (Chrome 11+) */\n+  background-image: -webkit-linear-gradient(top left, #0B394E 0%, #ABCE8D 100%);\n+  /* W3C Markup, IE10 Release Preview */\n+  background-image: linear-gradient(to bottom right, #0B394E 0%, #ABCE8D 100%);\n }\n-\n // Both portrait and landscape\n @mixin mobile-only {\n-    @media (max-width : $mq-mobile-landscape) {\n-        @content;\n-    }\n+   @media (max-width : $mq-mobile-landscape){\n+    @content;\n+  }\n }\n-\n // Everything up to and including the portrait width of the phone\n // Since it's the smallest query it doesn't need a min\n @mixin mobile-portrait-only {\n-    @media (max-width : $mq-mobile-portrait) {\n-        @content;\n-    }\n+   @media (max-width : $mq-mobile-portrait){\n+    @content;\n+  }\n }\n-\n // Everything up to and including the mobile portrait\n @mixin mobile-portrait-and-below {\n-    @media (max-width : $mq-mobile-portrait) {\n-        @content;\n-    }\n+   @media (max-width : $mq-mobile-portrait){\n+    @content;\n+  }\n }\n-\n // Everything above and including the mobile portrait\n @mixin mobile-portrait-and-up {\n-    @media (min-width : $mq-mobile-portrait) {\n-        @content;\n-    }\n+   @media (min-width : $mq-mobile-portrait){\n+    @content;\n+  }\n }\n-\n // Everthing larger than a portrait mobile up until mobile landscape\n @mixin mobile-landscape-only {\n-    @media only screen and (min-width : $mq-mobile-portrait + 1) and (max-width : $mq-mobile-landscape) {\n-        @content;\n-    }\n+   @media only screen and (min-width : $mq-mobile-portrait + 1) and (max-width : $mq-mobile-landscape){\n+    @content;\n+  }\n }\n-\n // Everything up to and including the mobile landscape width\n @mixin mobile-landscape-and-below {\n-    @media only screen and (max-width : $mq-mobile-landscape) {\n-        @content;\n-    }\n+   @media only screen and (max-width : $mq-mobile-landscape){\n+    @content;\n+  }\n }\n-\n // Everything above and including the mobile landscape width\n @mixin mobile-landscape-and-up {\n-    @media only screen and (min-width : $mq-mobile-portrait + 1) {\n-        @content;\n-    }\n+   @media only screen and (min-width : $mq-mobile-portrait + 1){\n+    @content;\n+  }\n }\n-\n // Both the portrait and landscape width of the tablet\n // Larger than a landscape mobile but less than or equal to a landscape tablet\n @mixin tablet-only {\n-    @media only screen and (min-width : $mq-mobile-landscape + 1) and (max-width : $mq-tablet-landscape) {\n-        @content;\n-    }\n+   @media only screen and (min-width : $mq-mobile-landscape + 1) and (max-width : $mq-tablet-landscape){\n+    @content;\n+  }\n }\n-\n // Everything larger than mobile landscape up until the portrait width of the tablet\n @mixin tablet-portrait-only {\n-    @media only screen and (min-width : $mq-mobile-landscape + 1) and (max-width : $mq-tablet-portrait) {\n-        @content;\n-    }\n+   @media only screen and (min-width : $mq-mobile-landscape + 1) and (max-width : $mq-tablet-portrait){\n+    @content;\n+  }\n }\n-\n // Everything below and including the portrait width of the tablet\n @mixin tablet-portrait-and-below {\n-    @media only screen and (max-width : $mq-tablet-portrait) {\n-        @content;\n-    }\n+   @media only screen and (max-width : $mq-tablet-portrait){\n+    @content;\n+  }\n }\n-\n // Larger than portrait but less than or equal to the landscape width\n @mixin tablet-landscape-only {\n-    @media only screen and (min-width : $mq-tablet-portrait + 1) and (max-width : $mq-tablet-landscape) {\n-        @content;\n-    }\n+   @media only screen and (min-width : $mq-tablet-portrait + 1) and (max-width : $mq-tablet-landscape){\n+    @content;\n+  }\n }\n-\n // Up to and including the tablet landscape\n @mixin tablet-landscape-and-below {\n-    @media only screen and (max-width : $mq-tablet-landscape) {\n-        @content;\n-    }\n+   @media only screen and (max-width : $mq-tablet-landscape){\n+    @content;\n+  }\n }\n-\n // Everything larger than a landscape tablet\n @mixin desktop-and-below {\n-    @media only screen and (max-width : $mq-tablet-landscape + 1) {\n-        @content;\n-    }\n+   @media only screen and (max-width : $mq-tablet-landscape + 1){\n+    @content;\n+  }\n }\n-\n @mixin custom-wide {\n-    @media only screen and (min-width : $mq-custom-wide + 1) {\n-        @content;\n-    }\n+   @media only screen and (min-width : $mq-custom-wide + 1){\n+    @content;\n+  }\n }\n-\n-@mixin br{\n-    -webkit-border-radius: 8px;\n-    -moz-border-radius: 8px;\n-    border-radius: 8px;\n+@mixin br {\n+  -webkit-border-radius: 8px;\n+  -moz-border-radius: 8px;\n+  border-radius: 8px;\n }\n-\n @mixin br-bottom {\n-    -webkit-border-bottom-right-radius: 8px;\n-    -webkit-border-bottom-left-radius: 8px;\n-    -moz-border-radius-bottomright: 8px;\n-    -moz-border-radius-bottomleft: 8px;\n-    border-bottom-right-radius: 8px;\n-    border-bottom-left-radius: 8px;\n+  -webkit-border-bottom-right-radius: 8px;\n+  -webkit-border-bottom-left-radius: 8px;\n+  -moz-border-radius-bottomright: 8px;\n+  -moz-border-radius-bottomleft: 8px;\n+  border-bottom-right-radius: 8px;\n+  border-bottom-left-radius: 8px;\n }\n-\n @mixin button {\n-    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;\n-    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;\n-    box-shadow: inset 0px 1px 0px 0px #ffffff;\n-    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fcfcfc), color-stop(1, #f0f0f0) );\n-    background: -moz-linear-gradient( center top, #fcfcfc 5%, #f0f0f0 100% );\n-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f0f0f0');\n-    background-color: #fcfcfc;\n-    -webkit-border-top-left-radius: 8px;\n-    -moz-border-radius-topleft: 8px;\n-    border-top-left-radius: 8px;\n-    -webkit-border-top-right-radius: 8px;\n-    -moz-border-radius-topright: 8px;\n-    border-top-right-radius: 8px;\n-    -webkit-border-bottom-right-radius: 8px;\n-    -moz-border-radius-bottomright: 8px;\n-    border-bottom-right-radius: 8px;\n-    -webkit-border-bottom-left-radius: 8px;\n-    -moz-border-radius-bottomleft: 8px;\n-    border-bottom-left-radius: 8px;\n-    text-indent: 0;\n-    border: 1px solid #dcdcdc;\n-    display: inline-block;\n-    color: #777777;\n-    font-family: arial;\n-    font-size: 50px;\n-    font-weight: bold;\n-    font-style: normal;\n-    height: 200px;\n-    line-height: 200px;\n-    width: 300px;\n-    text-decoration: none;\n-    text-align: center;\n-    text-shadow: 1px 1px 0px #ffffff;\n-    margin-top: 15px;\n-    cursor: pointer;\n+  -moz-box-shadow: inset 0 1px 0 0 #ffffff;\n+  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;\n+  box-shadow: inset 0 1px 0 0 #ffffff;\n+  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fcfcfc), color-stop(1, #f0f0f0) );\n+  background: -moz-linear-gradient( center top, #fcfcfc 5%, #f0f0f0 100% );\n+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#fcfcfc', endColorstr='#f0f0f0');\n+  background-color: #fcfcfc;\n+  -webkit-border-top-left-radius: 8px;\n+  -moz-border-radius-topleft: 8px;\n+  border-top-left-radius: 8px;\n+  -webkit-border-top-right-radius: 8px;\n+  -moz-border-radius-topright: 8px;\n+  border-top-right-radius: 8px;\n+  -webkit-border-bottom-right-radius: 8px;\n+  -moz-border-radius-bottomright: 8px;\n+  border-bottom-right-radius: 8px;\n+  -webkit-border-bottom-left-radius: 8px;\n+  -moz-border-radius-bottomleft: 8px;\n+  border-bottom-left-radius: 8px;\n+  text-indent: 0;\n+  border: 1px solid #dcdcdc;\n+  display: inline-block;\n+  color: #777777;\n+  font-family: arial;\n+  font-size: 50px;\n+  font-weight: bold;\n+  font-style: normal;\n+  height: 200px;\n+  line-height: 200px;\n+  width: 300px;\n+  text-decoration: none;\n+  text-align: center;\n+  text-shadow: 1px 1px 0 #ffffff;\n+  margin-top: 15px;\n+  cursor: pointer;\n }\n-\n @mixin button-hover {\n-    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0f0f0), color-stop(1, #ededed) );\n-    background: -moz-linear-gradient( center top, #f0f0f0 5%, #ededed 100% );\n-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#ededed');\n-    background-color: #f0f0f0;\n-    color: #4e4e4e;\n+  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0f0f0), color-stop(1, #ededed) );\n+  background: -moz-linear-gradient( center top, #f0f0f0 5%, #ededed 100% );\n+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#f0f0f0', endColorstr='#ededed');\n+  background-color: #f0f0f0;\n+  color: #4e4e4e;\n }\n-\n-\n @mixin button-smaller {\n-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f0f0f0');\n-    background-color: white;\n-    -webkit-border-top-left-radius: 8px;\n-    -moz-border-radius-topleft: 8px;\n-    border-top-left-radius: 8px;\n-    -webkit-border-top-right-radius: 8px;\n-    -moz-border-radius-topright: 8px;\n-    border-top-right-radius: 8px;\n-    -webkit-border-bottom-right-radius: 8px;\n-    -moz-border-radius-bottomright: 8px;\n-    border-bottom-right-radius: 8px;\n-    -webkit-border-bottom-left-radius: 8px;\n-    -moz-border-radius-bottomleft: 8px;\n-    border-bottom-left-radius: 8px;\n-    text-indent: 0;\n-    display: inline-block;\n-    color: #252525;\n-    font-size: 39px;\n-    font-weight: bold;\n-    font-style: normal;\n-    height: 100px;\n-    line-height: 100px;\n-    width: 200px;\n-    text-decoration: none;\n-    text-align: center;\n-    cursor: pointer;\n-    margin: 5px auto;\n-    display: block;\n+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#fcfcfc', endColorstr='#f0f0f0');\n+  background-color: white;\n+  -webkit-border-top-left-radius: 8px;\n+  -moz-border-radius-topleft: 8px;\n+  border-top-left-radius: 8px;\n+  -webkit-border-top-right-radius: 8px;\n+  -moz-border-radius-topright: 8px;\n+  border-top-right-radius: 8px;\n+  -webkit-border-bottom-right-radius: 8px;\n+  -moz-border-radius-bottomright: 8px;\n+  border-bottom-right-radius: 8px;\n+  -webkit-border-bottom-left-radius: 8px;\n+  -moz-border-radius-bottomleft: 8px;\n+  border-bottom-left-radius: 8px;\n+  text-indent: 0;\n+  display: inline-block;\n+  color: #252525;\n+  font-size: 39px;\n+  font-weight: bold;\n+  font-style: normal;\n+  height: 100px;\n+  line-height: 100px;\n+  width: 200px;\n+  text-decoration: none;\n+  text-align: center;\n+  cursor: pointer;\n+  margin: 5px auto;\n+  display: block;\n }\n-\n @mixin button-hover-smaller {\n-    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0f0f0), color-stop(1, #ededed) );\n-    background: -moz-linear-gradient( center top, #f0f0f0 5%, #ededed 100% );\n-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#ededed');\n-    background-color: #f0f0f0;\n-    color: #4e4e4e;\n+  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0f0f0), color-stop(1, #ededed) );\n+  background: -moz-linear-gradient( center top, #f0f0f0 5%, #ededed 100% );\n+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#f0f0f0', endColorstr='#ededed');\n+  background-color: #f0f0f0;\n+  color: #4e4e4e;\n }\n-\n @mixin button-smallest {\n-    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;\n-    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;\n-    box-shadow: inset 0px 1px 0px 0px #ffffff;\n-    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fcfcfc), color-stop(1, #f0f0f0) );\n-    background: -moz-linear-gradient( center top, #fcfcfc 5%, #f0f0f0 100% );\n-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f0f0f0');\n-    background-color: #fcfcfc;\n-    -webkit-border-top-left-radius: 8px;\n-    -moz-border-radius-topleft: 8px;\n-    border-top-left-radius: 8px;\n-    -webkit-border-top-right-radius: 8px;\n-    -moz-border-radius-topright: 8px;\n-    border-top-right-radius: 8px;\n-    -webkit-border-bottom-right-radius: 8px;\n-    -moz-border-radius-bottomright: 8px;\n-    border-bottom-right-radius: 8px;\n-    -webkit-border-bottom-left-radius: 8px;\n-    -moz-border-radius-bottomleft: 8px;\n-    border-bottom-left-radius: 8px;\n-    text-indent: 0;\n-    border: 1px solid #dcdcdc;\n-    display: inline-block;\n-    color: #777777;\n-    font-family: arial;\n-    font-size: 19px;\n-    font-weight: bold;\n-    font-style: normal;\n-    height: 50px;\n-    line-height: 50px;\n-    width: 100px;\n-    text-decoration: none;\n-    text-align: center;\n-    text-shadow: 1px 1px 0px #ffffff;\n-    cursor: pointer;\n-    margin: 5px auto;\n-    display: block;\n+  -moz-box-shadow: inset 0 1px 0 0 #ffffff;\n+  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;\n+  box-shadow: inset 0 1px 0 0 #ffffff;\n+  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fcfcfc), color-stop(1, #f0f0f0) );\n+  background: -moz-linear-gradient( center top, #fcfcfc 5%, #f0f0f0 100% );\n+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#fcfcfc', endColorstr='#f0f0f0');\n+  background-color: #fcfcfc;\n+  -webkit-border-top-left-radius: 8px;\n+  -moz-border-radius-topleft: 8px;\n+  border-top-left-radius: 8px;\n+  -webkit-border-top-right-radius: 8px;\n+  -moz-border-radius-topright: 8px;\n+  border-top-right-radius: 8px;\n+  -webkit-border-bottom-right-radius: 8px;\n+  -moz-border-radius-bottomright: 8px;\n+  border-bottom-right-radius: 8px;\n+  -webkit-border-bottom-left-radius: 8px;\n+  -moz-border-radius-bottomleft: 8px;\n+  border-bottom-left-radius: 8px;\n+  text-indent: 0;\n+  border: 1px solid #dcdcdc;\n+  display: inline-block;\n+  color: #777777;\n+  font-family: arial;\n+  font-size: 19px;\n+  font-weight: bold;\n+  font-style: normal;\n+  height: 50px;\n+  line-height: 50px;\n+  width: 100px;\n+  text-decoration: none;\n+  text-align: center;\n+  text-shadow: 1px 1px 0 #ffffff;\n+  cursor: pointer;\n+  margin: 5px auto;\n+  display: block;\n }\n-\n @mixin button-hover-smallest {\n-    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0f0f0), color-stop(1, #ededed) );\n-    background: -moz-linear-gradient( center top, #f0f0f0 5%, #ededed 100% );\n-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#ededed');\n-    background-color: #f0f0f0;\n-    color: #4e4e4e;\n+  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0f0f0), color-stop(1, #ededed) );\n+  background: -moz-linear-gradient( center top, #f0f0f0 5%, #ededed 100% );\n+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#f0f0f0', endColorstr='#ededed');\n+  background-color: #f0f0f0;\n+  color: #4e4e4e;\n }\n-\n-@mixin soft-button{\n-    text-align: center;\n-    position: relative;\n-    font-weight: bold;\n-    @include br;\n-    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;\n-    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;\n-    box-shadow: inset 0px 1px 0px 0px #ffffff;\n-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f0f0f0');\n-    background-color: #D5D5D5;\n-    text-indent: 0;\n-    text-shadow: 1px 1px 0px #ffffff;\n-    cursor: pointer;\n+@mixin soft-button {\n+  text-align: center;\n+  position: relative;\n+  font-weight: bold;\n+  @include br;\n+  -moz-box-shadow: inset 0 1px 0 0 #ffffff;\n+  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;\n+  box-shadow: inset 0 1px 0 0 #ffffff;\n+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#fcfcfc', endColorstr='#f0f0f0');\n+  background-color: #D5D5D5;\n+  text-indent: 0;\n+  text-shadow: 1px 1px 0 #ffffff;\n+  cursor: pointer;\n }\n \n .card {\n-    position: relative;\n+  position: relative;\n+  display: inline-block;\n+  box-sizing: border-box;\n+  width: 17.5%;\n+  height: 215px;\n+  padding: 1%;\n+  margin: 1%;\n+  background-color: #fff;\n+  border-radius: 8px;\n+  color: #252525;\n+  font-family: Arial;\n+  font-size: 20px;\n+  font-weight: bold;\n+  vertical-align: top;\n+  @include mobile-only {\n+    font-size: 14px;\n+    height: 115px;\n+    word-wrap: break-word;\n+  }\n+\n+  &.how-to {\n+    font-size: 1.4rem;\n+  }\n+\n+  #selection-number {\n+    position: absolute;\n+    bottom: 1px;\n+    left: 7px;\n+    font-size: 18px;\n+  }\n+\n+  &.black {\n+    background: #252525;\n+    border-color: white;\n+    color: white;\n+  }\n+\n+  &.longBlack {\n+    background: #252525;\n+    border-color: white;\n+    color: white;\n+    height: 100%;\n+    width: 35.5em;\n+    padding-left: 2%;\n+    padding-right: 2%;\n+  }\n+\n+  &.smallest {\n+    font-size: 0.750em;\n+    @include mobile-only {\n+      font-size: 10px; //play with later\n+    }\n+  }\n \n+  u {\n+    position: relative;\n+    content: '';\n     display: inline-block;\n-    box-sizing: border-box;\n-    width: 17.5%;\n-    height: 215px;\n-    padding: 1%;\n-    margin: 1%;\n-\n-    background-color: #fff;\n-\n-    border-radius: 8px;\n-\n-    color: #252525;\n-    font-family: Arial;\n-    font-size: 20px;\n-    font-weight: bold;\n-\n-    vertical-align: top;\n+    width: 25%;\n+    text-decoration: none;\n+    height: 1em;\n+    border-bottom: 0.125em solid white;\n+    margin-bottom: -0.125em;\n \n-    @include mobile-only{\n-        font-size: 14px;\n-        height: 115px;\n-        word-wrap: break-word;\n+    .small {\n+      width: 25%;\n     }\n \n-    &.how-to {\n-        font-size: 1.4rem;\n+    .big {\n+      width: 75%;\n     }\n \n-    #selection-number {\n-        position: absolute;\n-        bottom: 1px;\n-        left: 7px;\n-        font-size: 18px;\n+    .end:after {\n+      position: absolute;\n+      right: -0.357em;\n+      display: inline-block;\n+      content: '.';\n     }\n+  }\n+}\n \n-    &.black {\n-        background: #252525;\n-        border-color: white;\n-        color: white;\n-    }\n+#first-section,\n+#inner-container,\n+.cont,\n+.main-container,\n+body,\n+html {\n+  height: 100%;\n+}\n \n-    &.longBlack {\n-        background: #252525;\n-        border-color: white;\n-        color: white;\n-        height: 100%;\n-        width: 35.5em;\n-        padding-left: 2%;\n-        padding-right: 2%;\n-    }\n+html {\n+  // margin: 20px;\n+  // margin-top: 5px;\n+  // background: url(/img/minimal-wallpaper.jpg) no-repeat center center fixed;\n+  // -webkit-background-size: cover;\n+  // -moz-background-size: cover;\n+  // -o-background-size: cover;\n+  // background-size: cover;\n+  @include mobile-only {\n+    //margin: 3px;\n+    margin-top: 0;\n+  }\n+}\n \n-    &.smallest {\n-        font-size: 0.750em;\n+body {\n+  font-family: $main-font;\n+  background: transparent;\n+  margin: 0;\n+  @include tablet-portrait-only {\n+    margin: 5px;\n+  }\n+  @include mobile-only {\n+    margin: 1px;\n+  }\n+}\n \n-        @include mobile-only{\n-            font-size: 10px; //play with later\n-        }\n-    }\n+.navbar .nav > li > a.brand {\n+  padding-left: 20px;\n+  margin-left: 0;\n+}\n \n-    u {\n-        position: relative;\n-        content: '';\n-        display: inline-block;\n-        width: 25%;\n+.content {\n+  margin-top: 50px;\n+  width: 70%;\n+}\n \n-        text-decoration: none;\n+#main-container {\n+  height: 100%;\n \n-        height: 1em;\n-        border-bottom: 0.125em solid white;\n-        margin-bottom: -0.125em;\n+  #app-container {\n+    height: 100%;\n+    max-width: 1200px;\n+    margin: 0 auto;\n+    position: relative;\n \n-        .small {\n-            width: 25%;\n+    #menu-container {\n+      width: 100%;\n+      -webkit-border-radius: 8px;\n+      -moz-border-radius: 8px;\n+      border-radius: 8px;\n+      background: #252525;\n+      margin-bottom: 10px;\n+      margin-top: 5px;\n+      padding: 5px;\n+      @include mobile-only {\n+        margin-bottom: 1px;\n+        margin-top: 0;\n+      }\n+\n+      #logo {\n+        display: inline-block;\n+        margin-left: 10px;\n+        font-size: 28px;\n+        font-family: 'Lobster', cursive;\n+        @include mobile-only {\n+          font-size: 20px;\n         }\n \n-        .big {\n-            width: 75%;\n+        #first-word {\n+          color: #7CE4E8;\n         }\n \n-        .end:after {\n-            position: absolute;\n-            right: -0.357em;\n-            display: inline-block;\n-            content: '.';\n+        #second-word {\n+          color: #FFFFA5;\n         }\n-    }\n-}\n-\n-html, body, .main-container, .cont, #first-section, #inner-container{\n-    height: 100%;\n-}\n \n-html{\n-    // margin: 20px;\n-    // margin-top: 5px;\n-    // background: url(/img/minimal-wallpaper.jpg) no-repeat center center fixed;\n-    // -webkit-background-size: cover;\n-    // -moz-background-size: cover;\n-    // -o-background-size: cover;\n-    // background-size: cover;\n-    \n-\n-    @include mobile-only{\n-        //margin: 3px;\n-        margin-top: 0px;\n-    }\n-}\n-body{\n-    font-family: $main-font;\n-    background: transparent;\n-    margin: 10px;\n+        #third-word {\n+          color: #FC575E;\n+        }\n+      }\n \n-    @include tablet-portrait-only{\n-        margin: 5px;\n-    }\n+      #abandon-game-button {\n+        display: inline-block;\n+        float: right;\n+        border-radius: 8px;\n+        -moz-border-radius: 8px;\n+        -webkit-border-radius: 8px;\n+        font-size: 20px;\n+        font-size: 1.25rem;\n+        font-weight: 400;\n+        text-align: center;\n+        color: white;\n+        background: #C54141;\n+        margin-top: 3px;\n+        margin-bottom: 3px;\n+        margin-right: 10px;\n+        padding: 0.65em 20px;\n+        width: 140px;\n+        cursor: pointer;\n+        @include mobile-only {\n+          font-size: 0.7rem;\n+          margin-top: 5px;\n+          margin-right: 1px;\n+          padding: 5px;\n+          width: 60px;\n+        }\n+      }\n+\n+      #abandon-game-button:hover {\n+        background: #F34444;\n+      }\n+\n+      #tweet-container {\n+        float: right;\n+        padding-top: 10px;\n+        width: 77px;\n+        margin-right: 10px;\n+        @include mobile-only {\n+          float: right;\n+          padding-top: 6px;\n+          width: 55px;\n+          overflow: hidden;\n+          margin-right: 11px;\n+        }\n \n-    @include mobile-only{\n-        margin: 1px;\n-    }\n-}\n+        .hcount .count-o {\n+          display: none !important;\n+          width: 0 !important;\n+        }\n \n-.navbar .nav>li>a.brand {\n-    padding-left:20px;\n-    margin-left:0\n-}\n+        .count-0 {\n+          width: 0 !important;\n+        }\n \n-.content {\n-    margin-top:50px;\n-    width:70%\n-}\n+        .count-ready .count-o {\n+          visibility: visible;\n+          visibility: hidden !important;\n+        }\n+      }\n+    }\n \n+    #social-bar-container {\n+      width: 20%;\n+      height: 63%;\n+      position: absolute;\n+      right: 0;\n+      top: 60px;\n+      @include mobile-only {\n+        top: auto;\n+        width: 100%;\n+        height: 50px;\n+        position: relative;\n+        top: 0;\n+        left: 0;\n+        // background: white;\n+      }\n \n-#main-container{\n-    height: 100%;\n-    #app-container {\n-        height: 100%;\n-        max-width: 1200px;\n-        margin: 0px auto;\n+      #player-container {\n+        height: 13.166667%;\n         position: relative;\n+        padding-top: 4%;\n+        padding-bottom: 4%;\n+        min-height: 85px;\n+        background: #7CE4E8;\n+        margin: 0 0 6% 8%;\n+        @include br;\n+        @include mobile-only {\n+          min-height: 0;\n+          display: inline-block;\n+          margin: 0 0.5%;\n+          width: 15.5%;\n+          height: 48px;\n+          padding-top: 1%;\n+          padding-bottom: 0;\n+        }\n \n-        #menu-container{\n-            width: 100%;\n-            -webkit-border-radius: 8px;\n-            -moz-border-radius: 8px;\n-            border-radius: 8px;\n-            background: #252525;\n-            margin-bottom: 10px;\n-            margin-top: 5px;\n-            padding: 5px;\n+        #above-czar-container {\n+          height: 65%;\n+          width: 100%;\n+          @include mobile-only {\n+            height: 100%;\n+          }\n+\n+          #avatar_ {\n+            height: 100%;\n+            width: 38%;\n+            float: left;\n+            position: relative;\n+            z-index: 999;\n+\n+            #king {\n+              position: absolute;\n+              max-width: 80%;\n+              bottom: 20px;\n+              -webkit-transform: rotate(-18deg);\n+              left: -5px;\n+              @include tablet-portrait-only {\n+                max-width: 80%;\n+                bottom: 27px;\n+              }\n+              @include mobile-only {\n+                max-width: 80%;\n+                bottom: 31px;\n+                left: -3px;\n+              }\n+            }\n \n-            @include mobile-only{\n-                margin-bottom: 1px;\n-                margin-top: 0px;\n+            img {\n+              width: 100%;\n+              height: 140%;\n+              float: left;\n+              @include br;\n+              min-width: 40px;\n+              min-height: 40px;\n+              @include tablet-portrait-only {\n+                width: 100%;\n+                height: 100%;\n+                margin-left: 3px;\n+              }\n+              @include mobile-only {\n+                height: 69%;\n+                width: 100%;\n+                min-height: 0;\n+                min-width: 0;\n+                margin: 0;\n+              }\n+            }\n+          }\n+\n+          #player-container-inner {\n+            float: left;\n+            position: relative;\n+            bottom: 8px;\n+            left: 2px;\n+            max-width: 62%;\n+            overflow: hidden;\n+            @include tablet-portrait-only {\n+              left: 3px;\n+            }\n+            @include mobile-only {\n+              bottom: 0;\n+              left: 0;\n+              height: 100%;\n+              width: 60%;\n             }\n \n-            #logo{\n-                display: inline-block;\n-                margin-left: 10px;\n-                font-size: 28px;\n+            #player-name {\n+              h4 {\n                 font-family: 'Lobster', cursive;\n+                margin-bottom: 0;\n+              }\n \n-                @include mobile-only{\n-                    font-size: 20px;\n+              h4 {\n+                @include tablet-portrait-only {\n+                  font-size: 14px;\n                 }\n-\n-                #first-word{\n-                    color: #7CE4E8;\n+                @include mobile-only {\n+                  font-family: 'Lobster', cursive;\n+                  font-size: 10px;\n+                  margin-top: 3px;\n+                  margin-bottom: 5px;\n                 }\n+              }\n+            }\n \n-                #second-word{\n-                    color: #FFFFA5;\n-                }\n+            #player-score {\n+              float: left;\n \n-                #third-word{\n-                    color: #FC575E;\n+              h2 {\n+                font-size: 26px;\n+                margin-top: 0;\n+                margin-bottom: 0;\n+                @include tablet-portrait-only {\n+                  font-size: 21px;\n                 }\n+                @include mobile-only {\n+                  font-size: 17px;\n+                  line-height: 40%;\n+                }\n+              }\n             }\n \n-            #abandon-game-button{\n-                display: inline-block;\n-                float:right;\n-                border-radius: 8px;\n-                -moz-border-radius: 8px;\n-                -webkit-border-radius: 8px;\n-                font-size: 20px;\n-                font-size: 1.25rem;\n-                font-weight: 400;\n-                text-align: center;\n-                color: white;\n-                background: #C54141;\n-                margin-top: 3px;\n-                margin-bottom: 3px;\n-                margin-right: 10px;\n-                padding: 0.65em 20px;\n-                width: 140px;\n-                cursor: pointer;\n-\n-                @include mobile-only{\n-                    font-size: 0.7rem;\n-                    margin-top: 5px;\n-                    margin-right: 1px;\n-                    padding: 5px;\n-                    width: 60px;\n+            #player-star {\n+              float: left;\n+              margin-top: 3px;\n+              margin-left: 10px;\n+              @include tablet-portrait-only {\n+                margin-top: 1px;\n+                margin-left: 5px;\n+              }\n+              @include mobile-only {\n+                display: none;\n+              }\n+\n+              img {\n+                width: 22px;\n+                @include tablet-portrait-only {\n+                  width: 18px;\n                 }\n+              }\n             }\n+          }\n+        }\n \n-            #abandon-game-button:hover{\n-               background:#F34444;\n+        #czar-container {\n+          position: absolute;\n+          bottom: 0;\n+          text-align: center;\n+          width: 100%;\n+          @include br-bottom;\n+          background: #000000;\n+          opacity: 0.4;\n+          @include mobile-only {\n+            overflow: auto;\n+          }\n+\n+          #the-czar {\n+            color: #fff;\n+            font-weight: bold;\n+            font-size: 20px;\n+            @include mobile-only {\n+              display: none;\n             }\n+          }\n+        }\n+      }\n+    }\n \n-            #tweet-container{\n-                float: right;\n-                padding-top: 10px;\n-                width: 77px;\n-                margin-right: 10px;\n-\n-                @include mobile-only{\n-                    float: right;\n-                    padding-top: 6px;\n-                    width: 55px;\n-                    overflow: hidden;\n-                    margin-right: 11px;\n-                }\n-\n-                .hcount .count-o{\n-                    display: none !important;\n-                    width: 0 !important;\n-                }\n-\n-                .count-0{\n-                    width: 0 !important;\n-                }\n+    #gameplay-container {\n+      height: 100%;\n+      width: 80%;\n+      @include mobile-only {\n+        width: 100%;\n+        height: 91%;\n+      }\n+\n+      #upper-gameplay-container {\n+        height: 28%;\n+        width: 100%;\n+        min-height: 220px;\n+        max-height: 220px;\n+        @include mobile-only {\n+          min-height: 140px;\n+          max-height: 140px;\n+        }\n+        @include tablet-portrait-only {\n+          height: 16%;\n+          min-height: 180px;\n+          max-height: 180px;\n+        }\n \n-                .count-ready .count-o {\n-                    visibility: visible;\n-                    visibility: hidden !important;\n-                }\n+        #menu-timeremaining-container {\n+          float: left;\n+          width: 19%;\n+          height: 100%;\n+          margin-right: 2%;\n+          @include tablet-portrait-only {\n+            width: 21%;\n+          }\n+          @include mobile-only {\n+            width: 27%;\n+            margin-right: 1%;\n+          }\n+\n+          #menu-container {\n+            display: none;\n+            @include soft-button;\n+            height: 20%;\n+            margin-bottom: 16px;\n+            line-height: 20%;\n+            @include br;\n+\n+            #menu-button {\n+              position: absolute;\n+              top: 50%;\n+              left: 0;\n+              right: 0;\n             }\n-        }\n+          }\n \n-        #social-bar-container{\n-            width: 20%;\n-            height: 63%;\n-            position: absolute;\n-            right: 0;\n-            top: 60px;\n+          #timer-container {\n+            height: 100%;\n \n-            @include mobile-only{\n-                top: auto;\n-                width: 100%;\n-                height: 50px;\n-                position: relative;\n-                top: 0;\n+            #inner-timer-container {\n+              text-align: center;\n+              @include soft-button;\n+              background: #FFF;\n+              text-shadow: none;\n+              cursor: default;\n+              border: none;\n+              min-width: 85px;\n+              min-height: 85px;\n+              height: 100%;\n+              color: #000;\n+\n+              #timer-status-czar-choosing,\n+              #timer-status-round {\n+                position: absolute;\n                 left: 0;\n-                // background: white;\n-            }\n-\n-            #player-container{\n-                height: 13.166667%;\n-                position: relative;\n-                padding-top: 4%;\n-                padding-bottom: 4%;\n-                min-height: 85px;\n-                background: #7CE4E8;\n-                margin: 0 0 6% 8%;\n-                @include br;\n-\n-                @include mobile-only{\n-                    min-height: 0;\n-                    display: inline-block;\n-                    margin: 0px .5%;\n-                    width: 15.5%;\n-                    height: 48px;\n-                    padding-top: 1%;\n-                    padding-bottom: 0;\n+                right: 0;\n+                padding-top: 5px;\n+                padding-bottom: 8px;\n+                bottom: 0;\n+                @include tablet-landscape-and-below {\n+                  font-size: 13px;\n                 }\n-\n-                #above-czar-container{\n-                    height: 65%;\n-                    width: 100%;\n-\n-                    @include mobile-only{\n-                        height: 100%;\n-                    }\n-\n-                    #avatar_ {\n-                        height: 100%;\n-                        width: 38%;\n-                        float: left;\n-                        position: relative;\n-                        z-index: 999;\n-\n-                        #king {\n-                           position: absolute;\n-                           max-width: 80%;\n-                           bottom: 20px;\n-                           -webkit-transform: rotate(-18deg);\n-                           left: -5px;\n-\n-                           @include tablet-portrait-only {\n-                                max-width: 80%;\n-                                bottom: 27px;\n-                           }\n-\n-                           @include mobile-only {\n-                                max-width: 80%;\n-                                bottom: 31px;\n-                                left: -3px;\n-                           }\n-                         }\n-\n-\n-                        img {\n-                            width: 100%;\n-                            height: 140%;\n-                            float: left;\n-                            @include br;\n-                            min-width: 40px;\n-                            min-height: 40px;\n-\n-                            @include tablet-portrait-only{\n-                                width: 100%;\n-                                height: 100%;\n-                                margin-left: 3px;\n-                            }\n-\n-                            @include mobile-only{\n-                                height: 69%;\n-                                width: 100%;\n-                                min-height: 0;\n-                                min-width: 0;\n-                                margin: 0;\n-                            }\n-                        }\n-                    }\n-                    #player-container-inner{\n-                        float: left;\n-                        position: relative;\n-                        bottom: 8px;\n-                        left: 2px;\n-                        max-width: 62%;\n-                        overflow: hidden;\n-\n-                        @include tablet-portrait-only{\n-                            left: 3px;\n-                        }\n-\n-                        @include mobile-only{\n-                            bottom: 0;\n-                            left: 0;\n-                            height: 100%;\n-                            width: 60%;\n-                        }\n-\n-                        #player-name{\n-\n-                            h4{\n-                                font-family: 'Lobster', cursive;\n-                                margin-bottom: 0px;\n-                            }\n-                            h4{\n-\n-                                @include tablet-portrait-only{\n-                                    font-size: 14px;\n-                                }\n-\n-                                @include mobile-only{\n-                                    font-family: 'Lobster', cursive;\n-                                    font-size: 10px;\n-                                    margin-top: 3px;\n-                                    margin-bottom: 5px;\n-                                }\n-                            }\n-                        }\n-\n-                        #player-score{\n-                            float: left;\n-\n-                            h2{\n-\n-                                font-size: 26px;\n-                                margin-top: 0;\n-                                margin-bottom: 0;\n-\n-                                @include tablet-portrait-only{\n-                                    font-size: 21px;\n-                                }\n-\n-                                @include mobile-only{\n-                                    font-size: 17px;\n-                                    line-height: 40%;\n-                                }\n-                            }\n-                        }\n-\n-                        #player-star{\n-                        float: left;\n-                        margin-top: 3px;\n-                        margin-left: 10px;\n-\n-                        @include tablet-portrait-only{\n-                            margin-top: 1px;\n-                            margin-left: 5px;\n-                        }\n-\n-                        @include mobile-only{\n-                            display: none;\n-                        }\n-\n-                            img {\n-                                width: 22px;\n-\n-                                @include tablet-portrait-only{\n-                                    width: 18px;\n-                                }\n-                            }\n-                        }\n-                    }\n+                @include mobile-only {\n+                  font-size: 12px;\n                 }\n+              }\n \n-                #czar-container {\n-                    position: absolute;\n-                    bottom: 0;\n-                    text-align: center;\n-                    width: 100%;\n-                    @include br-bottom;\n-                    background: black;\n-                    opacity:0.4;\n-\n-                    @include mobile-only{\n-                        overflow: auto;\n-                    }\n-\n-                    #the-czar{\n-                        color: #fff;\n-                        font-weight: bold;\n-                        font-size: 20px;\n-\n-                        @include mobile-only{\n-                            display: none;\n-                        }\n-                    }\n+              #time {\n+                font-family: 'Lobster', cursive;\n+                font-size: 110px;\n+                position: absolute;\n+                bottom: 25%;\n+                left: 0;\n+                right: 0;\n+                @include tablet-landscape-and-below {\n+                  font-size: 90px;\n+                }\n+                @include mobile-only {\n+                  font-size: 73px;\n                 }\n+              }\n             }\n+          }\n         }\n \n-        #gameplay-container{\n+        #question-container-outer {\n+          height: 100%;\n+          float: left;\n+          width: 79%;\n+          @include tablet-portrait-only {\n+            width: 77%;\n+            float: right;\n+          }\n+          @include mobile-only {\n+            float: left;\n+            width: 71%;\n+            margin-left: 1%;\n+          }\n+\n+          #question-container-inner {\n+            width: 100%;\n             height: 100%;\n-            width: 80%;\n \n-            @include mobile-only{\n-                width: 100%;\n-                height: 91%;\n-            }\n-\n-            #upper-gameplay-container {\n-                height: 28%;\n-                width: 100%;\n-                min-height: 220px;\n-                max-height: 220px;\n+            .card {\n+              width: 100%;\n+              margin: 0 auto;\n+              display: block;\n \n-                @include mobile-only{\n-                    min-height: 140px;\n-                    max-height: 140px;\n+              #notifications {\n+                position: absolute;\n+                bottom: 0;\n+                right: 0;\n+                padding: 10px;\n+              }\n \n+              #startGame {\n+                width: 100%;\n+                overflow: hidden;\n+                height: 100%;\n+                position: absolute;\n+                right: 1%;\n+\n+                #finding-players {\n+                  font-size: 33px;\n+                  text-align: center;\n+                  margin-top: 15px;\n+                  @include mobile-only {\n+                    font-size: 21px;\n+                    margin-top: 0;\n+                  }\n                 }\n \n-                @include tablet-portrait-only{\n-                    height: 16%;\n-                    min-height: 180px;\n-                    max-height: 180px;\n+                #loading-container,\n+                #player-count-container,\n+                #start-game-container {\n+                  width: 33.333%;\n+                  float: left;\n+                  text-align: center;\n                 }\n \n-                #menu-timeremaining-container{\n-                    float: left;\n-                    width: 19%;\n-                    height: 100%;\n-                    margin-right: 2%;\n-\n-                    @include tablet-portrait-only{\n-                        width: 21%;\n-                    }\n-\n-                    @include mobile-only{\n-                        width: 27%;\n-                        margin-right: 1%;\n-                    }\n-\n-                    #menu-container{\n-                        display: none;\n-                        @include soft-button;\n-                        height: 20%;\n-                        margin-bottom: 16px;\n-                        line-height: 20%;\n-                        @include br;\n-\n-                        #menu-button{\n-                            position: absolute;\n-                            top: 50%;\n-                            left: 0;\n-                            right: 0;\n-                        }\n-                    }\n-\n-                    #timer-container {\n-                        height: 100%;\n-\n-                        #inner-timer-container{\n-                            text-align: center;\n-                            @include soft-button;\n-                            background: #FFF;\n-                            text-shadow: none;\n-                            cursor: default;\n-                            border: none;\n-                            min-width: 85px;\n-                            min-height: 85px;\n-                            height: 100%;\n-                            color: #000;\n-\n-                            #timer-status-round, #timer-status-czar-choosing{\n-                                position: absolute;\n-                                left: 0;\n-                                right: 0;\n-                                padding-top: 5px;\n-                                padding-bottom: 8px;\n-                                bottom: 0;\n-\n-                                @include tablet-landscape-and-below{\n-                                    font-size: 13px;\n-                                }\n-\n-                                @include mobile-only{\n-                                    font-size: 12px;\n-                                }\n-                            }\n-\n-                            #time{\n-                                font-family: 'Lobster', cursive;\n-                                font-size: 110px;\n-                                position: absolute;\n-                                bottom: 25%;\n-                                left: 0;\n-                                right: 0;\n-\n-                                @include tablet-landscape-and-below{\n-                                    font-size: 90px;\n-                                }\n-\n-                                @include mobile-only{\n-                                    font-size: 73px;\n-                                }\n-                            }\n-                        }\n+                #player-count-container {\n+                  #player-count {\n+                    font-size: 33px;\n+                    @include mobile-only {\n+                      font-size: 21px;\n                     }\n-                 }\n-\n-                #question-container-outer {\n-                    height: 100%;\n-                    float: left;\n-                    width: 79%;\n+                  }\n \n-                    @include tablet-portrait-only{\n-                        width: 77%;\n-                        float: right;\n-                    }\n-\n-                    @include mobile-only{\n-                        float: left;\n-                        width: 71%;\n-                        margin-left: 1%;\n-                    }\n-\n-                    #question-container-inner{\n-                        width: 100%;\n-                        height: 100%;\n-                        .card{\n-                            width: 100%;\n-                            margin: 0px auto;\n-                            display: block;\n-\n-                            #notifications {\n-                                position: absolute;\n-                                bottom: 0;\n-                                right: 0;\n-                                padding: 10px;\n-                            }\n-\n-                            #startGame{\n-                                width: 100%;\n-                                overflow: hidden;\n-                                height: 100%;\n-                                position: absolute;\n-                                right: 1%;\n-\n-                                #finding-players {\n-                                    font-size: 33px;\n-                                    text-align: center;\n-                                    margin-top: 15px;\n-\n-                                    @include mobile-only{\n-                                        font-size: 21px;\n-                                        margin-top: 0;\n-                                    }\n-                                }\n-\n-                                #player-count-container, #loading-container, #start-game-container{\n-                                    width: 33.333%;\n-                                    float: left;\n-                                    text-align: center;\n-                                }\n-\n-                                #player-count-container{\n-                                    #player-count{\n-                                        font-size: 33px;\n-\n-                                        @include mobile-only{\n-                                            font-size: 21px;\n-                                        }\n-                                    }\n-                                    #the-word-players{\n-                                        font-size: 17px;\n-                                    }\n-                                }\n-\n-                                #loading-gif{\n-                                    margin: 20px;\n-\n-                                    @include mobile-only{\n-                                        margin-top: 5px;\n-                                    }\n-                                }\n-\n-                                #start-game-container{\n-                                    color: #333;\n-\n-                                    #start-game-button{\n-                                        border-radius: 8px;\n-                                        -moz-border-radius: 5px;\n-                                        -webkit-border-radius: 5px;\n-                                        font-size: 20px;\n-                                        font-size: 1.25rem;\n-                                        font-weight: 400;\n-                                        color: white;\n-                                        background: #1F959C;\n-                                        padding: 0.65em 20px;\n-                                        margin: 10px;\n-                                        width: 65%;\n-                                        cursor: pointer;\n-\n-                                        @include tablet-portrait-only{\n-                                            padding: 0.65em 2px;\n-                                            font-size: 1.1rem;\n-                                        }\n-\n-                                        @include mobile-only{\n-                                            padding: 0.65em 1px;\n-                                            font-size: 1rem;\n-                                        }\n-                                    }\n-\n-                                    #start-game-button:hover{\n-                                       background:#41C2CA;\n-                                    }\n-                                }\n-                            }\n-\n-                            #game-end-info{\n-                                text-align: center;\n-                                font-size: 16px;\n-\n-                                @include mobile-only{\n-                                    font-size: 13px;\n-                                }\n-\n-                                .game-end-headline{\n-                                    font-size: 24px;\n-                                    margin-bottom: 10px;\n-\n-                                    @include mobile-only{\n-                                        font-size: 18px;\n-                                    }\n-                                }\n-\n-                            }\n-                        }\n-                    }\n-                }\n-            }\n-            #info-container{\n-                width: 100%;\n-                background: #252525;\n-                color: white;\n-                @include br;\n-                text-align: center;\n-                padding: 15px;\n-                height: 50%;\n-                margin-top: 10px;\n-\n-                @include tablet-portrait-only{\n-                    padding-top: 5px;\n-                    height: auto;\n+                  #the-word-players {\n+                    font-size: 17px;\n+                  }\n                 }\n \n-                @include mobile-only{\n-                    width: 100%;\n-                    padding: 1px;\n-                    margin: 0px auto;\n-                    height: 72%;\n+                #loading-gif {\n+                  margin: 20px;\n+                  @include mobile-only {\n+                    margin-top: 5px;\n+                  }\n                 }\n \n-                #inner-info{\n-                    width: 90%;\n-                    margin: 0 5%;\n+                #start-game-container {\n+                  color: #333;\n \n-                    #lobby-how-to-play{\n-                        font-size: 18px;\n-                        margin-top: 10px;\n-\n-                        @include tablet-portrait-only{\n-                            font-size: 14px;\n-                        }\n+                  #start-game-button {\n+                    border-radius: 8px;\n+                    -moz-border-radius: 5px;\n+                    -webkit-border-radius: 5px;\n+                    font-size: 20px;\n+                    font-size: 1.25rem;\n+                    font-weight: 400;\n+                    color: white;\n+                    background: #1F959C;\n+                    padding: 0.65em 20px;\n+                    margin: 10px;\n+                    width: 65%;\n+                    cursor: pointer;\n+                    @include tablet-portrait-only {\n+                      padding: 0.65em 2px;\n+                      font-size: 1.1rem;\n                     }\n-\n-                    ol{\n-                        margin-top: 10px;\n-                        font-family: $main-font;\n-                        text-align: left;\n-                        font-size: 17px;\n-\n-                        li{\n-                            list-style-type: decimal;\n-                            margin-bottom: 5px;\n-                        }\n-\n-                        @include mobile-only{\n-                            font-size: 13px;\n-                            padding: 0px 10px 10px 10px;\n-                        }\n+                    @include mobile-only {\n+                      padding: 0.65em 1px;\n+                      font-size: 1rem;\n                     }\n+                  }\n+\n+                  #start-game-button:hover {\n+                    background: #41C2CA;\n+                  }\n                 }\n-            }\n+              }\n \n-            #game-end-container{\n-                width: 100%;\n-                background: #252525;\n-                @include br;\n+              #game-end-info {\n                 text-align: center;\n-                overflow: hidden;\n-                height: 50%;\n-                margin-top: 10px;\n-\n-                @include mobile-only{\n-                    height: 65%;\n+                font-size: 16px;\n+                @include mobile-only {\n+                  font-size: 13px;\n                 }\n \n-                #charity-widget-container{\n-                    width: 40%;\n-                    float: left;\n-\n-                    @include mobile-only{\n-                        display: none;\n-                    }\n+                .game-end-headline {\n+                  font-size: 24px;\n+                  margin-bottom: 10px;\n+                  @include mobile-only {\n+                    font-size: 18px;\n+                  }\n                 }\n+              }\n+            }\n+          }\n+        }\n+      }\n \n-                #inner-info-exit{\n-                    width: 60%;\n-                    position: relative;\n-                    overflow: hidden;\n-                    height: 100%;\n-                    color: white;\n-                    float: left;\n-\n-                    @include mobile-only{\n-                        float: none;\n-                        width: 80%;\n-                    }\n-\n-                    .game-end-answer-text{\n-                        color: white;\n-\n-                        @include mobile-only{\n-                            padding: 6px;\n-                            font-size: 22px;\n-                        }\n-                    }\n-\n-                    @include mobile-only{\n-                        width: 100%;\n-                    }\n+      #info-container {\n+        width: 100%;\n+        background: #252525;\n+        color: white;\n+        @include br;\n+        text-align: center;\n+        padding: 15px;\n+        height: 50%;\n+        margin-top: 10px;\n+        @include tablet-portrait-only {\n+          padding-top: 5px;\n+          height: auto;\n+        }\n+        @include mobile-only {\n+          width: 100%;\n+          padding: 1px;\n+          margin: 0 auto;\n+          height: 72%;\n+        }\n \n-                    #inner-text-container{\n-                        overflow: hidden;\n-                        height: 100%;\n-\n-                        @include mobile-only{\n-                            height: auto;\n-                        }\n-\n-                        #join-new-game{\n-                            float: left;\n-                            @include button-smaller;\n-                            width: 40%;\n-                            margin: 5%;\n-                            height: 28%;\n-                            font-size: 21px;\n-                            line-height: 155%;\n-                            padding-top: 5%;\n-\n-                             &:hover{\n-                                @include button-hover-smaller;\n-                            }\n-                        }\n-\n-                        #exit-match{\n-                            float: left;\n-                            @include button-smaller;\n-                            width: 40%;\n-                            margin: 5%;\n-                            height: 28%;\n-                            font-size: 21px;\n-                            line-height: 155%;\n-                            padding-top: 5%;\n-\n-                             &:hover{\n-                                @include button-hover-smaller;\n-                            }\n-                        }\n+        #inner-info {\n+          width: 90%;\n+          margin: 0 5%;\n \n-                    }\n-                }\n+          #lobby-how-to-play {\n+            font-size: 18px;\n+            margin-top: 10px;\n+            @include tablet-portrait-only {\n+              font-size: 14px;\n             }\n+          }\n \n-            #czar-blank-container{\n-                color: white;\n-                width: 100%;\n-                background: #252525;\n-                @include br;\n-                text-align: center;\n-                overflow: hidden;\n-                height: 50%;\n-                position: relative;\n-                margin-top: 10px;\n-                font-size: 30px;\n-\n-                @include mobile-only{\n-                    width: 100%;\n-                    font-size: 16px;\n-                    margin: 0px auto;\n-                }\n+          ol {\n+            margin-top: 10px;\n+            font-family: $main-font;\n+            text-align: left;\n+            font-size: 17px;\n \n-                #czar-blank-inner{\n-                    position: absolute;\n-                    left: 10%;\n-                    right: 10%;\n-                    width: 80%;\n-                    height: 50px;\n-                    margin-top: 5%;\n+            li {\n+              list-style-type: decimal;\n+              margin-bottom: 5px;\n+            }\n+            @include mobile-only {\n+              font-size: 13px;\n+              padding: 0 10px 10px;\n+            }\n+          }\n+        }\n+      }\n \n-                    #smaller-text{\n-                        font-size: 18px;\n-                    }\n-                }\n+      #game-end-container {\n+        width: 100%;\n+        background: #252525;\n+        @include br;\n+        text-align: center;\n+        overflow: hidden;\n+        height: 50%;\n+        margin-top: 10px;\n+        @include mobile-only {\n+          height: 65%;\n+        }\n \n-                #charity-fact-container{\n-                    @include br;\n-                    background-color: #fff;\n-                    color: black;\n-\n-                    position: absolute;\n-                    bottom: 4%;\n-                    margin: 0 2%;\n-                    width: 96%;\n-                    padding: 3px;\n-                    text-align: left;\n-\n-                    @include mobile-only{\n-                        height: 40%;\n-                        display: none;\n-                    }\n+        #charity-widget-container {\n+          width: 40%;\n+          float: left;\n+          @include mobile-only {\n+            display: none;\n+          }\n+        }\n \n-                    #charity-fact-tagline{\n-                        font-family: 'Lobster', cursive;\n-                        font-size: 22px;\n-                        margin-left: 2%;\n-                        margin-bottom: 3px;\n-                        color: #000;\n+        #inner-info-exit {\n+          width: 60%;\n+          position: relative;\n+          overflow: hidden;\n+          height: 100%;\n+          color: white;\n+          float: left;\n+          @include mobile-only {\n+            float: none;\n+            width: 80%;\n+          }\n \n-                        @include mobile-only{\n-                            font-size: 16px;\n-                        }\n-                    }\n+          .game-end-answer-text {\n+            color: white;\n+            @include mobile-only {\n+              padding: 6px;\n+              font-size: 22px;\n+            }\n+          }\n+          @include mobile-only {\n+            width: 100%;\n+          }\n \n-                    #charity-fact{\n-                        font-size: 14px;\n-                        font-style: italic;\n-                        text-align: center;\n-                        width: 90%;\n-                        margin: 0 5% 3px 5%;\n+          #inner-text-container {\n+            overflow: hidden;\n+            height: 100%;\n+            @include mobile-only {\n+              height: auto;\n+            }\n \n-                        @include mobile-only{\n-                            font-size: 12px;\n-                        }\n-                    }\n+            #join-new-game {\n+              float: left;\n+              @include button-smaller;\n+              width: 40%;\n+              margin: 5%;\n+              height: 28%;\n+              font-size: 21px;\n+              line-height: 155%;\n+              padding-top: 5%;\n+\n+              &:hover {\n+                @include button-hover-smaller;\n+              }\n+            }\n \n-                    #charity-logo-container{\n+            #exit-match {\n+              float: left;\n+              @include button-smaller;\n+              width: 40%;\n+              margin: 5%;\n+              height: 28%;\n+              font-size: 21px;\n+              line-height: 155%;\n+              padding-top: 5%;\n+\n+              &:hover {\n+                @include button-hover-smaller;\n+              }\n+            }\n+          }\n+        }\n+      }\n \n-                        @include mobile-only{\n-                            position: absolute;\n-                            top: 1px;\n-                            right: 0;\n-                        }\n+      #czar-blank-container {\n+        color: white;\n+        width: 100%;\n+        background: #252525;\n+        @include br;\n+        text-align: center;\n+        overflow: hidden;\n+        height: 50%;\n+        position: relative;\n+        margin-top: 10px;\n+        font-size: 30px;\n+        @include mobile-only {\n+          width: 100%;\n+          font-size: 16px;\n+          margin: 0 auto;\n+        }\n \n-                        img{\n-                            float: right;\n-                            margin-right: 2%;\n-                            margin-bottom: 3px;\n+        #czar-blank-inner {\n+          position: absolute;\n+          left: 10%;\n+          right: 10%;\n+          width: 80%;\n+          height: 50px;\n+          margin-top: 5%;\n+\n+          #smaller-text {\n+            font-size: 18px;\n+          }\n+        }\n \n-                            @include mobile-only{\n-                                width: 53%;\n-                            }\n-                        }\n-                    }\n-                }\n+        #charity-fact-container {\n+          @include br;\n+          background-color: #fff;\n+          color: #000000;\n+          position: absolute;\n+          bottom: 4%;\n+          margin: 0 2%;\n+          width: 96%;\n+          padding: 3px;\n+          text-align: left;\n+          @include mobile-only {\n+            height: 40%;\n+            display: none;\n+          }\n+\n+          #charity-fact-tagline {\n+            font-family: 'Lobster', cursive;\n+            font-size: 22px;\n+            margin-left: 2%;\n+            margin-bottom: 3px;\n+            color: #000;\n+            @include mobile-only {\n+              font-size: 16px;\n             }\n+          }\n+\n+          #charity-fact {\n+            font-size: 14px;\n+            font-style: italic;\n+            text-align: center;\n+            width: 90%;\n+            margin: 0 5% 3px;\n+            @include mobile-only {\n+              font-size: 12px;\n+            }\n+          }\n \n-            #cards-container{\n-                width: 100%;\n-                background: #252525;\n-                margin-top: 11px;\n-                @include br;\n-\n-                @include mobile-only{\n-                    background: transparent;\n-                    margin-top: 2px;\n-                }\n+          #charity-logo-container {\n+   ","path":"public/css/common.scss","position":null,"original_position":2324,"commit_id":"c6c789891ea59b3ecbce0f6f4cdccffb5e98cae5","original_commit_id":"c6c789891ea59b3ecbce0f6f4cdccffb5e98cae5","user":{"login":"houndci-bot","id":6697940,"avatar_url":"https://avatars.githubusercontent.com/u/6697940?v=3","gravatar_id":"","url":"https://api.github.com/users/houndci-bot","html_url":"https://github.com/houndci-bot","followers_url":"https://api.github.com/users/houndci-bot/followers","following_url":"https://api.github.com/users/houndci-bot/following{/other_user}","gists_url":"https://api.github.com/users/houndci-bot/gists{/gist_id}","starred_url":"https://api.github.com/users/houndci-bot/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/houndci-bot/subscriptions","organizations_url":"https://api.github.com/users/houndci-bot/orgs","repos_url":"https://api.github.com/users/houndci-bot/repos","events_url":"https://api.github.com/users/houndci-bot/events{/privacy}","received_events_url":"https://api.github.com/users/houndci-bot/received_events","type":"User","site_admin":false},"body":"Selector `crDonateTriangle` should be written in lowercase with hyphens","created_at":"2016-12-10T18:54:05Z","updated_at":"2016-12-10T18:54:05Z","html_url":"https://github.com/andela/kissa-cfh-project/pull/48#discussion_r91840211","pull_request_url":"https://api.github.com/repos/andela/kissa-cfh-project/pulls/48","_links":{"self":{"href":"https://api.github.com/repos/andela/kissa-cfh-project/pulls/comments/91840211"},"html":{"href":"https://github.com/andela/kissa-cfh-project/pull/48#discussion_r91840211"},"pull_request":{"href":"https://api.github.com/repos/andela/kissa-cfh-project/pulls/48"}}},"pull_request":{"url":"https://api.github.com/repos/andela/kissa-cfh-project/pulls/48","id":97434154,"html_url":"https://github.com/andela/kissa-cfh-project/pull/48","diff_url":"https://github.com/andela/kissa-cfh-project/pull/48.diff","patch_url":"https://github.com/andela/kissa-cfh-project/pull/48.patch","issue_url":"https://api.github.com/repos/andela/kissa-cfh-project/issues/48","number":48,"state":"open","locked":false,"title":"Feature/134209527/redesign authentication ui","user":{"login":"andela-uenabulele","id":23451840,"avatar_url":"https://avatars.githubusercontent.com/u/23451840?v=3","gravatar_id":"","url":"https://api.github.com/users/andela-uenabulele","html_url":"https://github.com/andela-uenabulele","followers_url":"https://api.github.com/users/andela-uenabulele/followers","following_url":"https://api.github.com/users/andela-uenabulele/following{/other_user}","gists_url":"https://api.github.com/users/andela-uenabulele/gists{/gist_id}","starred_url":"https://api.github.com/users/andela-uenabulele/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/andela-uenabulele/subscriptions","organizations_url":"https://api.github.com/users/andela-uenabulele/orgs","repos_url":"https://api.github.com/users/andela-uenabulele/repos","events_url":"https://api.github.com/users/andela-uenabulele/events{/privacy}","received_events_url":"https://api.github.com/users/andela-uenabulele/received_events","type":"User","site_admin":false},"body":"#### What does this PR do?\r\nIt redesigns the login/signup page using material design specifications.\r\n\r\n#### Description of Task that was completed?\r\n1. Redesigned signup.html and signin.html and added css styling. \r\n2. Re-integrated the already existing angular module into the HTML\r\n\r\n#### How should this be manually tested?\r\n- Run this app locally or [click here](https://kissa-cfh-staging-pr-48.herokuapp.com/) to visit our Heroku site.\r\n- Click on Login or signup at the top right corner of the page.\r\n\r\n#### Any background context you want to provide?\r\n\r\n#### What are the relevant pivotal tracker stories?\r\n134209527\r\n#### Screenshots (if appropriate)\r\n#### Questions:","created_at":"2016-12-10T18:53:51Z","updated_at":"2016-12-10T18:54:06Z","closed_at":null,"merged_at":null,"merge_commit_sha":"2177fac5713b057c8a640e2c4bb1aae60ac45d68","assignee":null,"assignees":[],"milestone":null,"commits_url":"https://api.github.com/repos/andela/kissa-cfh-project/pulls/48/commits","review_comments_url":"https://api.github.com/repos/andela/kissa-cfh-project/pulls/48/comments","review_comment_url":"https://api.github.com/repos/andela/kissa-cfh-project/pulls/comments{/number}","comments_url":"https://api.github.com/repos/andela/kissa-cfh-project/issues/48/comments","statuses_url":"https://api.github.com/repos/andela/kissa-cfh-project/statuses/c6c789891ea59b3ecbce0f6f4cdccffb5e98cae5","head":{"label":"andela:feature/134209527/redesign-authentication-ui","ref":"feature/134209527/redesign-authentication-ui","sha":"c6c789891ea59b3ecbce0f6f4cdccffb5e98cae5","user":{"login":"andela","id":4100206,"avatar_url":"https://avatars.githubusercontent.com/u/4100206?v=3","gravatar_id":"","url":"https://api.github.com/users/andela","html_url":"https://github.com/andela","followers_url":"https://api.github.com/users/andela/followers","following_url":"https://api.github.com/users/andela/following{/other_user}","gists_url":"https://api.github.com/users/andela/gists{/gist_id}","starred_url":"https://api.github.com/users/andela/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/andela/subscriptions","organizations_url":"https://api.github.com/users/andela/orgs","repos_url":"https://api.github.com/users/andela/repos","events_url":"https://api.github.com/users/andela/events{/privacy}","received_events_url":"https://api.github.com/users/andela/received_events","type":"Organization","site_admin":false},"repo":{"id":73506133,"name":"kissa-cfh-project","full_name":"andela/kissa-cfh-project","owner":{"login":"andela","id":4100206,"avatar_url":"https://avatars.githubusercontent.com/u/4100206?v=3","gravatar_id":"","url":"https://api.github.com/users/andela","html_url":"https://github.com/andela","followers_url":"https://api.github.com/users/andela/followers","following_url":"https://api.github.com/users/andela/following{/other_user}","gists_url":"https://api.github.com/users/andela/gists{/gist_id}","starred_url":"https://api.github.com/users/andela/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/andela/subscriptions","organizations_url":"https://api.github.com/users/andela/orgs","repos_url":"https://api.github.com/users/andela/repos","events_url":"https://api.github.com/users/andela/events{/privacy}","received_events_url":"https://api.github.com/users/andela/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/andela/kissa-cfh-project","description":null,"fork":false,"url":"https://api.github.com/repos/andela/kissa-cfh-project","forks_url":"https://api.github.com/repos/andela/kissa-cfh-project/forks","keys_url":"https://api.github.com/repos/andela/kissa-cfh-project/keys{/key_id}","collaborators_url":"https://api.github.com/repos/andela/kissa-cfh-project/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/andela/kissa-cfh-project/teams","hooks_url":"https://api.github.com/repos/andela/kissa-cfh-project/hooks","issue_events_url":"https://api.github.com/repos/andela/kissa-cfh-project/issues/events{/number}","events_url":"https://api.github.com/repos/andela/kissa-cfh-project/events","assignees_url":"https://api.github.com/repos/andela/kissa-cfh-project/assignees{/user}","branches_url":"https://api.github.com/repos/andela/kissa-cfh-project/branches{/branch}","tags_url":"https://api.github.com/repos/andela/kissa-cfh-project/tags","blobs_url":"https://api.github.com/repos/andela/kissa-cfh-project/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/andela/kissa-cfh-project/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/andela/kissa-cfh-project/git/refs{/sha}","trees_url":"https://api.github.com/repos/andela/kissa-cfh-project/git/trees{/sha}","statuses_url":"https://api.github.com/repos/andela/kissa-cfh-project/statuses/{sha}","languages_url":"https://api.github.com/repos/andela/kissa-cfh-project/languages","stargazers_url":"https://api.github.com/repos/andela/kissa-cfh-project/stargazers","contributors_url":"https://api.github.com/repos/andela/kissa-cfh-project/contributors","subscribers_url":"https://api.github.com/repos/andela/kissa-cfh-project/subscribers","subscription_url":"https://api.github.com/repos/andela/kissa-cfh-project/subscription","commits_url":"https://api.github.com/repos/andela/kissa-cfh-project/commits{/sha}","git_commits_url":"https://api.github.com/repos/andela/kissa-cfh-project/git/commits{/sha}","comments_url":"https://api.github.com/repos/andela/kissa-cfh-project/comments{/number}","issue_comment_url":"https://api.github.com/repos/andela/kissa-cfh-project/issues/comments{/number}","contents_url":"https://api.github.com/repos/andela/kissa-cfh-project/contents/{+path}","compare_url":"https://api.github.com/repos/andela/kissa-cfh-project/compare/{base}...{head}","merges_url":"https://api.github.com/repos/andela/kissa-cfh-project/merges","archive_url":"https://api.github.com/repos/andela/kissa-cfh-project/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/andela/kissa-cfh-project/downloads","issues_url":"https://api.github.com/repos/andela/kissa-cfh-project/issues{/number}","pulls_url":"https://api.github.com/repos/andela/kissa-cfh-project/pulls{/number}","milestones_url":"https://api.github.com/repos/andela/kissa-cfh-project/milestones{/number}","notifications_url":"https://api.github.com/repos/andela/kissa-cfh-project/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/andela/kissa-cfh-project/labels{/name}","releases_url":"https://api.github.com/repos/andela/kissa-cfh-project/releases{/id}","deployments_url":"https://api.github.com/repos/andela/kissa-cfh-project/deployments","created_at":"2016-11-11T19:39:46Z","updated_at":"2016-11-16T10:39:36Z","pushed_at":"2016-12-10T18:53:52Z","git_url":"git://github.com/andela/kissa-cfh-project.git","ssh_url":"git@github.com:andela/kissa-cfh-project.git","clone_url":"https://github.com/andela/kissa-cfh-project.git","svn_url":"https://github.com/andela/kissa-cfh-project","homepage":null,"size":11818,"stargazers_count":0,"watchers_count":0,"language":"JavaScript","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":2,"mirror_url":null,"open_issues_count":4,"forks":2,"open_issues":4,"watchers":0,"default_branch":"staging"}},"base":{"label":"andela:staging","ref":"staging","sha":"adfb923eb43020874a6d2555322e0fc692fda516","user":{"login":"andela","id":4100206,"avatar_url":"https://avatars.githubusercontent.com/u/4100206?v=3","gravatar_id":"","url":"https://api.github.com/users/andela","html_url":"https://github.com/andela","followers_url":"https://api.github.com/users/andela/followers","following_url":"https://api.github.com/users/andela/following{/other_user}","gists_url":"https://api.github.com/users/andela/gists{/gist_id}","starred_url":"https://api.github.com/users/andela/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/andela/subscriptions","organizations_url":"https://api.github.com/users/andela/orgs","repos_url":"https://api.github.com/users/andela/repos","events_url":"https://api.github.com/users/andela/events{/privacy}","received_events_url":"https://api.github.com/users/andela/received_events","type":"Organization","site_admin":false},"repo":{"id":73506133,"name":"kissa-cfh-project","full_name":"andela/kissa-cfh-project","owner":{"login":"andela","id":4100206,"avatar_url":"https://avatars.githubusercontent.com/u/4100206?v=3","gravatar_id":"","url":"https://api.github.com/users/andela","html_url":"https://github.com/andela","followers_url":"https://api.github.com/users/andela/followers","following_url":"https://api.github.com/users/andela/following{/other_user}","gists_url":"https://api.github.com/users/andela/gists{/gist_id}","starred_url":"https://api.github.com/users/andela/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/andela/subscriptions","organizations_url":"https://api.github.com/users/andela/orgs","repos_url":"https://api.github.com/users/andela/repos","events_url":"https://api.github.com/users/andela/events{/privacy}","received_events_url":"https://api.github.com/users/andela/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/andela/kissa-cfh-project","description":null,"fork":false,"url":"https://api.github.com/repos/andela/kissa-cfh-project","forks_url":"https://api.github.com/repos/andela/kissa-cfh-project/forks","keys_url":"https://api.github.com/repos/andela/kissa-cfh-project/keys{/key_id}","collaborators_url":"https://api.github.com/repos/andela/kissa-cfh-project/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/andela/kissa-cfh-project/teams","hooks_url":"https://api.github.com/repos/andela/kissa-cfh-project/hooks","issue_events_url":"https://api.github.com/repos/andela/kissa-cfh-project/issues/events{/number}","events_url":"https://api.github.com/repos/andela/kissa-cfh-project/events","assignees_url":"https://api.github.com/repos/andela/kissa-cfh-project/assignees{/user}","branches_url":"https://api.github.com/repos/andela/kissa-cfh-project/branches{/branch}","tags_url":"https://api.github.com/repos/andela/kissa-cfh-project/tags","blobs_url":"https://api.github.com/repos/andela/kissa-cfh-project/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/andela/kissa-cfh-project/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/andela/kissa-cfh-project/git/refs{/sha}","trees_url":"https://api.github.com/repos/andela/kissa-cfh-project/git/trees{/sha}","statuses_url":"https://api.github.com/repos/andela/kissa-cfh-project/statuses/{sha}","languages_url":"https://api.github.com/repos/andela/kissa-cfh-project/languages","stargazers_url":"https://api.github.com/repos/andela/kissa-cfh-project/stargazers","contributors_url":"https://api.github.com/repos/andela/kissa-cfh-project/contributors","subscribers_url":"https://api.github.com/repos/andela/kissa-cfh-project/subscribers","subscription_url":"https://api.github.com/repos/andela/kissa-cfh-project/subscription","commits_url":"https://api.github.com/repos/andela/kissa-cfh-project/commits{/sha}","git_commits_url":"https://api.github.com/repos/andela/kissa-cfh-project/git/commits{/sha}","comments_url":"https://api.github.com/repos/andela/kissa-cfh-project/comments{/number}","issue_comment_url":"https://api.github.com/repos/andela/kissa-cfh-project/issues/comments{/number}","contents_url":"https://api.github.com/repos/andela/kissa-cfh-project/contents/{+path}","compare_url":"https://api.github.com/repos/andela/kissa-cfh-project/compare/{base}...{head}","merges_url":"https://api.github.com/repos/andela/kissa-cfh-project/merges","archive_url":"https://api.github.com/repos/andela/kissa-cfh-project/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/andela/kissa-cfh-project/downloads","issues_url":"https://api.github.com/repos/andela/kissa-cfh-project/issues{/number}","pulls_url":"https://api.github.com/repos/andela/kissa-cfh-project/pulls{/number}","milestones_url":"https://api.github.com/repos/andela/kissa-cfh-project/milestones{/number}","notifications_url":"https://api.github.com/repos/andela/kissa-cfh-project/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/andela/kissa-cfh-project/labels{/name}","releases_url":"https://api.github.com/repos/andela/kissa-cfh-project/releases{/id}","deployments_url":"https://api.github.com/repos/andela/kissa-cfh-project/deployments","created_at":"2016-11-11T19:39:46Z","updated_at":"2016-11-16T10:39:36Z","pushed_at":"2016-12-10T18:53:52Z","git_url":"git://github.com/andela/kissa-cfh-project.git","ssh_url":"git@github.com:andela/kissa-cfh-project.git","clone_url":"https://github.com/andela/kissa-cfh-project.git","svn_url":"https://github.com/andela/kissa-cfh-project","homepage":null,"size":11818,"stargazers_count":0,"watchers_count":0,"language":"JavaScript","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":2,"mirror_url":null,"open_issues_count":4,"forks":2,"open_issues":4,"watchers":0,"default_branch":"staging"}},"_links":{"self":{"href":"https://api.github.com/repos/andela/kissa-cfh-project/pulls/48"},"html":{"href":"https://github.com/andela/kissa-cfh-project/pull/48"},"issue":{"href":"https://api.github.com/repos/andela/kissa-cfh-project/issues/48"},"comments":{"href":"https://api.github.com/repos/andela/kissa-cfh-project/issues/48/comments"},"review_comments":{"href":"https://api.github.com/repos/andela/kissa-cfh-project/pulls/48/comments"},"review_comment":{"href":"https://api.github.com/repos/andela/kissa-cfh-project/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/andela/kissa-cfh-project/pulls/48/commits"},"statuses":{"href":"https://api.github.com/repos/andela/kissa-cfh-project/statuses/c6c789891ea59b3ecbce0f6f4cdccffb5e98cae5"}}}}
{"actor":{"display_login":"houndci-bot"}}