diff --git a/content/assets/css/base.css b/content/assets/css/base.css
index d9e90e7898641ae9b7013579f5165bc6d0ee7d9a..f496ce6085dc6c16c028c9ac966a270fd55b50a2 100644
--- a/content/assets/css/base.css
+++ b/content/assets/css/base.css
@@ -12,26 +12,31 @@ main {
background-repeat: no-repeat;
height: 100%;
padding: 50px;
+ text-align: center;
+}
+
+main #content {
+ background: #000;
+ color: #fff;
+ padding: 20px;
+ display: inline-block;
}
main #heading {
margin: 0;
font-family: "Bebas Neue";
font-size: 100px;
- text-align: center;
}
main #description {
font-family: "Bebas Neue Light";
font-size: 50px;
- text-align: center;
margin: 0;
}
main #timer-wrapper {
font-family: "Bebas Neue Light";
font-size: 50px;
- text-align: center;
margin: 0;
}
@@ -41,7 +46,6 @@ main #timer-wrapper #timer {
#copyleft {
font-family: sans-serif;
- text-align: center;
margin-top: 15px;
font-family: "Roboto Condensed";
}
diff --git a/content/index.html b/content/index.html
index d7c08195f652989b24734b4730874c2ab218d894..ccd69eb6febe1c208bb5743b1e5552a15d68fa84 100644
--- a/content/index.html
+++ b/content/index.html
@@ -29,15 +29,17 @@
</head>
<body>
<main>
- <h1 id="heading">Chystáme to!</h1>
-
- <p id="description">
- 30.9.2022 pĹ™edstavĂme dopadovou studii o legalizaci konopĂ.
- </p>
-
- <p id="timer-wrapper">
- Zbývá <span id="timer"></span>.
- </p>
+ <div id="content">
+ <h1 id="heading">Chystáme to!</h1>
+
+ <p id="description">
+ 30.9.2022 pĹ™edstavĂme dopadovou studii o legalizaci konopĂ.
+ </p>
+
+ <p id="timer-wrapper">
+ Zbývá <span id="timer"></span>.
+ </p>
+ </div>
<div id="copyleft">
<span style="transform:scale(-1,1);display:inline-block">©</span>