React form

2025. 01. 24/test/src/css/Home.css

@@ -0,0 +1,43 @@
+a {
+    text-decoration: none;
+    color: black;
+}
+
+body {
+    display: flex;
+    justify-content: center;
+    min-height: 100vh;
+}
+
+nav {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+    background-color: white;
+    margin-bottom: 100px;
+    padding: 10px 0;
+}
+
+nav img {
+    margin-left: 10px;
+    cursor: pointer;
+}
+
+nav .menu {
+    display: flex;
+    align-items: center;
+    justify-content: space-evenly;
+    width: 600px;
+}
+
+main {
+    display: flex;
+    align-self: center;
+    flex-direction: column;
+    align-self:  center;
+    width: 60%;
+    padding: 20px;
+    background-color: white;
+    border-radius: 20px;
+}

2025. 01. 24/test/src/css/Random.css

@@ -0,0 +1,24 @@
+.container {
+    width: 20%;
+}
+
+h1 {
+    text-align: center;
+}
+
+button {
+    padding: 12px;
+    margin-bottom: 30px;
+    border-radius: 20px;
+    cursor: pointer;
+    transition: 400ms ease-in-out;
+    font-size: 1.1rem;
+}
+
+button:hover {
+    background-color: rgb(200, 200, 200);
+}
+
+.random-img {
+    border: 2px solid black;
+}