/* ---------- Základné štýly ---------- */ header { background-image: url(header-background.jpg); } body { background-image: url(header-background.jpg); margin: 0; user-select: none; } /* ---------- Navigačná lišta (navbar) ---------- */ .list { margin: 0px; padding: 1rem 0; display: flex; justify-content: flex-end; align-items: center; } .item { list-style: none; margin-right: 3rem; cursor: pointer; } .item:first-child { margin-right: auto; margin-left: 1.3rem; } .itemImg { margin-right: auto; margin-left: 1.3rem; } .list li { color: #FFFFFF; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; font-size: 20px; } .list li:hover { color: chartreuse; transition: color 0.2s ease-in-out; } .wsImg { border-radius: 10px; } .wsImg:first-child { margin-right: auto; } /* ---------- Burger Menu ---------- */ .burger { cursor: pointer; font-size: 40px; color: white; display: flex; visibility: collapse; margin-right: 2rem; margin-top: -10px; position: absolute; } .burgerList { display: none; } @media (max-width: 800px) { .item { display: none; } .burger { visibility: visible; } .burgerList { display: none; flex-direction: column; align-items: center; margin-right: 30px; margin-top: 0px; color: white; list-style: none; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; font-size: 20px; } .bItem { margin-top: 10px; } .appear { display: flex; } }