2 files changed, 82 insertions, 0 deletions

diff --git a/frontend/src/css/Games.module.css b/frontend/src/css/Games.module.css
new file mode 100644
index 0000000..4c598cd
--- /dev/null
+++ b/frontend/src/css/Games.module.css
@@ -0,0 +1,61 @@
+.content {
+        position: relative;
+        display: flex;
+        flex-direction: column;
+        width: 100%;
+        gap: 24px;
+        margin-top: 24px;
+}
+
+.content a {
+        position: relative;
+        width: 100%;
+}
+
+.game {
+        display: flex;
+        width: 100%;
+        flex-direction: column;
+        overflow: hidden;
+        border-radius: 24px;
+        background-color: var(--primary-dark);
+}
+
+.header {
+        display: flex;
+        overflow: hidden;
+        position: relative;
+        flex: 1;
+}
+
+.header span {
+        position: relative;
+        z-index: 2;
+        display: flex;
+        text-align: center;
+        justify-content: center;
+        width: 100%;
+        padding: 24px 0px;
+        text-wrap: nowrap;
+}
+
+.header div {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        z-index: 1;
+        background-size: cover;
+        filter: blur(4px);
+}
+
+.infoBlockContainer {
+        flex: 1;
+        display: flex;
+        gap: 12px;
+        margin: 12px;
+        align-items: center;
+        justify-content: center;
+        height: 50%;
+}
diff --git a/frontend/src/css/Info.module.css b/frontend/src/css/Info.module.css
new file mode 100644
index 0000000..144346e
--- /dev/null
+++ b/frontend/src/css/Info.module.css
@@ -0,0 +1,21 @@
+.infoBlock {
+        background-color: var(--primary);
+        display: flex;
+        width: 100%;
+        border-radius: 18px;
+        text-align: center;
+        justify-content: center;
+        padding: 4px 0px;
+        text-wrap: nowrap;
+}
+
+.infoBlock > div > span:nth-child(1) {
+        margin-top: 0px;
+        font-size: 26px;
+}
+
+.infoBlock > div > span:nth-child(3) {
+        font-size: 50px;
+        font-family: BarlowCondensed-Bold;
+}
+