From 30164c64df16e642a9265a64bc43b26c7114180c Mon Sep 17 00:00:00 2001
From: Nikita Iryupin <iryupnik@cvut.cz>
Date: Sat, 5 Jun 2021 10:23:23 +0200
Subject: [PATCH] Center game and black background

---
 public/styles/main.css | 27 ++++++++++++++++-----------
 1 file changed, 16 insertions(+), 11 deletions(-)

diff --git a/public/styles/main.css b/public/styles/main.css
index 5975a7a..68e759b 100644
--- a/public/styles/main.css
+++ b/public/styles/main.css
@@ -4,11 +4,16 @@
 }
 
 body {
-    font-family: VT323, 'Common Pixel', sans-serif;
+    font-family     : VT323, 'Common Pixel', sans-serif;
+    background-color: black;
+    margin          : auto;
+    width           : 50%;
+    padding         : 10px;
+
 }
 
 #canvas {
-    border: 1px solid #f8aa28;
+    border       : 1px solid #f8aa28;
     border-radius: 1%;
 }
 
@@ -16,7 +21,7 @@ body {
     width : 416px;
     height: 416px;
 
-    border: 1px solid #f8aa28;
+    border       : 1px solid #f8aa28;
     border-radius: 1%;
 
     position: relative;
@@ -29,15 +34,15 @@ body {
     top             : 0px;
     left            : 0px;
     background-color: black;
-    border: 1px solid #f8aa28;
-    border-radius: 1%;
+    border          : 1px solid #f8aa28;
+    border-radius   : 1%;
 }
 
 .center {
-    display: flex;
+    display       : flex;
     flex-direction: column;
-    align-items: center;
-    justify-items: center;
+    align-items   : center;
+    justify-items : center;
 }
 
 .center:first-child {
@@ -64,19 +69,19 @@ div.start-level-button {
     stroke-dasharray  : 650;
     stroke-dashoffset : 650;
     -webkit-transition: all 0.5s ease-in-out;
-    transition: all 0.5s ease-in-out;
+    transition        : all 0.5s ease-in-out;
     opacity           : 0.3;
 }
 
 .playBut {
     display           : inline-block;
-    transition: all 0.5s ease;
+    transition        : all 0.5s ease;
     -webkit-transition: all 0.5s ease;
 }
 
 .playBut .triangle {
     -webkit-transition: all 0.7s ease-in-out;
-    transition: all 0.7s ease-in-out;
+    transition        : all 0.7s ease-in-out;
     stroke-dasharray  : 240;
     stroke-dashoffset : 480;
     stroke            : #FFF;