DropMenu

body: шрифт "Courier New", background-image: url(background.png);, вирівнювання всього вмісту по центру вертикально та горизонтально (display: flex; justify-content: center; align-items: center), висота на весь екран (height: 100vh), margin: 0.
.game-menu (вертикальне меню): список без маркерів (list-style: none), padding і margin 0, display: flex; розташування елементів у колонку (flex-direction: column), фон темно-сірий (#222), закруглені кути (border-radius: 10px), ширина 200px.
.game-menu > li (пункти меню): позиціонування relative, padding 15px, колір тексту білий (#fff), текст по центру (text-align: center), border 1px solid #444, border-radius: 10px;.
.game-menu > li:hover: фон змінюється на #444.
.submenu (підменю): спочатку приховане (display: none), position: absolute;, top: 0;, left: 100%;, список без маркерів, padding і margin 0, фон темно-сірий (#555), закруглені кути 5px.
.submenu li (пункти підменю): padding 12px, текст по центру, border 1px solid #666, border-radius: 10px;.
.game-menu li:hover > .submenu: display: block;.

У тілі сторінки:
одне вертикальне меню з чотирьох пунктів: “Нова гра”, “Продовжити”, “Налаштування” (з підменю: Звук, Графіка, Управління), “Вихід”.

body: шрифт "Courier New", фон зображення background.png (background-image: url(task2/background.png)), margin 10px, display: flex, justify-content: center;, align-items: center, відстань між елементами 20px (gap: 20px), розмір шрифту 14px.
.game-menu (горизонтальне меню): display: flex, список без маркерів (list-style: none), фон темно-сірий (#222), padding 10px 20px, закруглені кути 10px (border-radius: 10px).
.game-menu > li (головні пункти меню): позиціонування relative, padding 12px 20px, колір тексту білий (#fff), жирний шрифт (font-weight: bold), відступи між пунктами margin 0 5px, текст по центру (text-align: center), закруглені кути 5px.
.game-menu > li:hover (при наведенні): фон змінюється на колір #444.
.submenu (підменю): спочатку приховане (display: none), абсолютне позиціонування нижче батьківського пункту (position:absolute та top: 100%), по центру (left: 0; right: 0; margin: 0 auto), фон темно-сірий (#555), список без маркерів, padding 0, закруглені кути 5px, ширина підлаштовується під контент (width: max-content).
.submenu li (пункти підменю): padding 10px, текст по центру, колір білий (#fff).
.game-menu li:hover > .submenu: підменю відображається (display: block).

У тілі сторінки:
Горизонтальне меню з чотирьох пунктів: “Грати”, “Персонажі” (підменю: Воїн, Маг, Лучник, Розбійник), “Налаштування” (підменю: Звук, Графіка, Клавіатура), “Вихід”.