added: aside infotable, fixed: nav and others

sass/footer.scss

@@ -1,10 +0,0 @@
-footer {
-    display: flex;
-    justify-content: center;
-    padding: 1rem;
-
-    a {
-        color: blue;
-        text-decoration: none;
-    }
-}

sass/global.scss

@@ -6,6 +6,7 @@
 
 body {
     font-family: 'Kanit', sans-serif;
+    background-color: var(--clr-lavender);
 }
 
 main {

sass/header.scss

@@ -9,7 +9,9 @@ nav {
         align-items: center;
         gap: 2rem;
     }
-
+    .nav-right > a {
+        display: flex;
+    }
     a {
         text-decoration: none;
         font-size: 1.5rem;

sass/main.scss

@@ -1,27 +1,73 @@
 main {
     display: flex;
+    gap: 2rem;
+    margin-top: 2rem;
+
     section#news {
         width: 60vw;
     }
-    aside {
+
+    aside{
         width: 40vw;
         display: flex;
         flex-direction: column;
         align-items: center;
-        margin: 2rem 0;
+        padding: 2rem;
+        background-color: var(--clr-cards);
+        border-radius: 15px;
 
+        section#vstupenky-wrapper {
+            display: flex;
+            justify-content: center;
+            width: 100%;
+            margin-bottom: 2rem;
+        }
         a.vstupenky {
-            background-color: orange;
             width: 80%;
+            background-color: orange;
             padding: 1rem 2rem;
             color: var(--clr-murrey);
             text-decoration: none;
             font-weight: bold;
-            font-size: 3rem;
+            font-size: 2rem;
+            text-align: center;
             border-color: var(--clr-murrey);
             border-radius: 15px;
             border-style: solid;
             border-width: 3px;
         }
+
+        .infotable {
+            display: flex;
+            flex-direction: column;
+            gap: 2rem;
+        }
+
+        .info-wrapper {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 4rem;
+            color: var(--clr-murrey);
+            text-align: left;
+
+            img {
+                width: 100px;
+            }
+        }
+
+        .info-wrapper:nth-child(even) {
+            flex-direction: row-reverse;
+            text-align: right;
+        }
+    }
+
+    footer {
+        display: flex;
+        justify-content: center;
+        a {
+            color: blue;
+            text-decoration: none;
+        }
     }
 }

sass/vars.scss

@@ -4,5 +4,6 @@
     --clr-murrey: #79214c;
     --clr-blush: #cf6379;
     --clr-melon: #ffadad;
-    --container-size: 40rem;
+    --clr-cards: #e4e3ff;
+    --container-size: 10vw;
 }