Brackets Yeni and Beylul

.gitignore

@@ -71,3 +71,5 @@ Icon
 Network Trash Folder
 Temporary Items
 .apdisk
+
+*.icloud

build/css/app.css

@@ -0,0 +1,78 @@
+@font-face {
+  font-family: 'CrayonFont';
+  src: url('crayon_font.ttf') format('truetype');
+}
+
+.winner {
+  font-family: 'CrayonFont', sans-serif;
+  color: white;
+  text-align: center;
+  font-size: 80px;
+  background-image: url("/assets/wood.png");
+  margin-top: -10%;
+}
+
+.title {
+  font-family: 'CrayonFont', sans-serif;
+  font-size: 40px;
+}
+
+table {
+  width: 90%;
+}
+
+td {
+  width: 203px;
+  height: 173px;
+  font-family: 'CrayonFont', sans-serif;
+  color: white;
+  text-align: center;
+  font-size: 80px;
+  background-image: url("/assets/Picture1.png");
+}
+
+#first, #second {
+  border-bottom: 4px solid white ;
+}
+
+td[id*="-one"] {
+  border-left: 4px solid white ;
+  border-right: 4px solid white ;
+}
+
+#board-table {
+  background-color: white ;
+}
+
+
+header {
+  text-align: center;
+  margin-bottom: 30px;
+  margin-top: 10px;
+}
+
+body {
+  background-color: white ;
+}
+
+.button {
+  margin-right: 42%;  /* to center button*/
+  text-align: center;
+  border-radius: 25px;
+  max-width: 150px;
+  max-height: 100px;
+  background-color: #2D3336;
+  font-family: 'CrayonFont', sans-serif;
+}
+.button:hover {
+  background-color: grey;
+}
+#restart {
+  font-size: 12pt;
+  color: white;
+  padding: 5px 15px 5px 15px;
+}
+.text-center {
+  margin-left: 25%;
+  margin-right: 20%;
+}