[Style] centering the content, margin on cover photo

build_pages.py

@@ -29,7 +29,7 @@ def main():
         templateEN = fTempEN.read()
         for page in PAGES:
             with open(f'pages/sr/{page["name"]}.html') as f:
-                pageHtml = "<div><img src='/img/students_bug.jpg' alt='Studenti su nasli bug' /></div>"
+                pageHtml = "<div class='cover-wrap'><img src='/img/students_bug.jpg' alt='Studenti su nasli bug' /></div>"
                 pageHtml += f.read()
                 html = buildPage(page['name'], page['titleSR'], pageHtml, page['style'], templateSR)
                 f = open(f'site/{page["name"]}.html', 'w')

site/deconference.html

@@ -45,7 +45,7 @@
     <a class="lang" hreflang="en" href="/en/deconference">EN</a>
   </header>
   <main>
-    <div><img src='/img/students_bug.jpg' alt='Studenti su nasli bug' /></div><h1>Dekonferencija</h1>
+    <div class='cover-wrap'><img src='/img/students_bug.jpg' alt='Studenti su nasli bug' /></div><h1>Dekonferencija</h1>
 
 <h2 id="program"><a href="#program">Program</a></h2>
 <p>11:00  Otvaranje<p>

site/styles/style.css

@@ -67,6 +67,7 @@ main {
   line-height: 2rem;
   max-width: 120ch;
   overflow: auto;
+  margin: 0 auto;
 }
 
 main h1 {
@@ -136,11 +137,11 @@ a:focus {
   gap: 2rem;
 }
 
-.links > a {
+.links>a {
   border-radius: 100%;
 }
 
-.links > a > img {
+.links>a>img {
   display: block;
 }
 
@@ -166,6 +167,10 @@ button {
   cursor: pointer;
 }
 
+.cover-wrap {
+  margin-bottom: 3rem;
+}
+
 @media screen and (max-height: 860px),
 screen and (max-width: 1500px) {
   #mesh {