diff --git a/styles.css b/styles.css
index d3c27cd..6250040 100644
--- a/styles.css
+++ b/styles.css
@@ -34,5 +34,35 @@
     margin-top: 5px; /* Horní okraj pro text */
     font-weight: bold; /* Tučný text */
 }
+.contact-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+    gap: 10px;
+    padding: 10px;
+}
+
+.contact-item {
+    background-color: #f4f4f4; /* Základní barva čtverečku */
+    text-align: center;
+    padding: 20px;
+    border-radius: 5px;
+    transition: transform 0.3s ease, background-color 0.3s ease; /* Animace pro transformaci a změnu barvy */
+}
+
+.contact-item a {
+    text-decoration: none;
+    color: #333;
+}
+
+/* Hover efekt a animace */
+.contact-item:hover {
+    transform: translateY(-5px); /* Pohyb nahoru při najetí myši */
+    background-color: #007bff; /* Změna barvy při najetí myši */
+}
+
+.contact-item a:hover {
+    color: #fff; /* Změna barvy textu při najetí myši */
+}
+
 
 /* Přidáte další styly podle potřeby */