diff --git a/index.html b/index.html
index fb43996..7a8194e 100644
--- a/index.html
+++ b/index.html
@@ -56,19 +56,142 @@
-
-
+ @font-face {
+ font-family: Exo;
+ src:url("./style/fonts/Exo2-Regular.otf") format("opentype");
+ }
+
+ @font-face {
+ font-family: Exo;
+ font-weight: bold;
+ src:url("./style/fonts/Exo2-SemiBold.otf") format("opentype");
+ }
+
+ #container {
+ color: #232323;
+ position: absolute;
+ left:50%;
+ top:50%;
+ text-align: center;
+ transform: translate(-50%, -50%);
+ font-family: Exo;
+ -webkit-transform: translate(-50%, -50%);
+ -moz-transform: translate(-50%, -50%);
+ -ms-transform: translate(-50%, -50%);
+ }
+
+ .GOTitle {
+ font-weight: bold;
+ font-size: 24.2000px;
+ }
+
+ #gameOverBox {
+
+ }
+
+ .scoreNum {
+ font-weight: normal ! important;
+ }
+
+ #cScore {
+ font-size: 60.5000px;
+ font-weight:light;
+ margin-bottom: 5px;
+ margin-top: -10px;
+ }
+
+ #highScoresTitle {
+ margin-bottom: 2px;
+ }
+
+ .score {
+ font-weight: light;
+ line-height: 18px;
+ }
+
+ #restart {
+ bottom:0;
+ position: absolute;
+ left:calc(50% - 124px);
+ transform: translate(-50%, 0%);
+ -webkit-transform: translate(-50%, 0%);
+ -moz-transform: translate(-50%, 0%);
+ -ms-transform: translate(-50%, 0%);
+ margin-bottom: 10px;
+ }
+
+ #socialShare {
+ bottom: 0;
+ margin-bottom: 10px;
+ position: absolute;
+ left:calc(50% + 30px);
+ transform: translate(-50%, 0%);
+ -webkit-transform: translate(-50%, 0%);
+ -moz-transform: translate(-50%, 0%);
+ -ms-transform: translate(-50%, 0%);
+ }
+
+ #bottomContainer {
+ position: absolute;
+ width:100%;
+ bottom: 0;
+ }
+
+ #buttonCont {
+ position: absolute;
+ /*width:100%;*/
+ left: 50%;
+ width: 310px;
+ margin-left:-8px;
+ bottom:78px;
+ transform: translate(-50%, 0%);
+ -webkit-transform: translate(-50%, 0%);
+ -moz-transform: translate(-50%, 0%);
+ -ms-transform: translate(-50%, 0%);
+ /*width:300px;*/
+ }
+
+ #badges {
+ left: calc(50% - 3.5px);
+ top: calc(50% - 165px);
+ position: absolute;
+ transform: translate(-50%, -50%);
+ -webkit-transform: translate(-50%, -50%);
+ -moz-transform: translate(-50%, -50%);
+ -ms-transform: translate(-50%, -50%);
+ }
+
+ #androidBadge {
+ position: absolute;
+ left:calc(50% - 66px);
+ transform: translate(-50%, -1px);
+ -webkit-transform: translate(-50%, -1px);
+ -moz-transform: translate(-50%, -1px);
+ -ms-transform: translate(-50%, -1px);
+ }
+
+ #iOSBadge {
+ position: absolute;
+ left: calc(50% + 65px);
+ transform: translate(-50%, 0%);
+ -webkit-transform: translate(-50%, 0%);
+ -moz-transform: translate(-50%, 0%);
+ -ms-transform: translate(-50%, 0%);
+ }
+
@@ -160,7 +283,18 @@
-
+