라우팅 추가 및 CSS 구성

- 개인 블로그
 - 로또
 - 여행

로고 이미지 추가 및 변경

src/pages/lotto/Lotto.jsx

@@ -0,0 +1,32 @@
+import React from 'react';
+import Functions from './Functions';
+import './Lotto.css';
+
+const Lotto = () => {
+    return (
+        <div className="lotto">
+            <header className="lotto-header">
+                <div>
+                    <p className="lotto-kicker">Playground</p>
+                    <h1>Lotto Lab</h1>
+                    <p className="lotto-sub">
+                        기존 로또 추천 기능을 그대로 유지하면서 새로운 블로그 스타일에 맞게
+                        레이아웃을 정리했습니다.
+                    </p>
+                </div>
+                <div className="lotto-card">
+                    <p className="lotto-card__title">다음 업데이트 아이디어</p>
+                    <ul>
+                        <li>로또 기록을 캘린더 형태로 정리</li>
+                        <li>자주 등장하는 번호 조합 분석</li>
+                        <li>그래프로 추첨 추세 확인</li>
+                    </ul>
+                </div>
+            </header>
+
+            <Functions />
+        </div>
+    );
+};
+
+export default Lotto;