add of Event module

src/components/Event/Event.module.css

@@ -0,0 +1,87 @@
+.eventContainer {
+    display: flex;
+    width: 80%;
+    margin: 1rem 0;
+    justify-content: space-between;
+}
+
+.eventImageDiv {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-right: 1rem;
+    width: auto;
+    height: 6rem;
+    flex-shrink: 0;
+}
+
+.eventImage {
+    max-width: 100%;
+    max-height: 100%;
+    object-fit: contain;
+}
+
+
+.eventContent {
+    display: flex;
+}
+
+.eventTitle {
+    font-size: 2rem;
+}
+
+
+
+
+
+
+.eventButtons {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: flex-end;
+}
+
+.eventButtons a {
+    justify-content: flex-end;
+}
+
+
+
+
+.moreButton {
+    background: none;
+    border: none;
+    color: #019AFF;
+    font-size: 1.5rem;
+    transition: all 0.2s ease;
+    cursor: pointer;
+    border-radius: 50%;
+    width: 55px;
+    height: 55px;
+}
+
+.moreButton:hover {
+    font-size: 2rem;
+    background: rgba(191, 191, 191, 0.5);
+}
+
+.moreButton:focus {
+    outline: none;
+}
+.moreButton:focus-visible {
+    outline: 2px solid black;
+}
+
+.moreButtonClicked {
+    rotate: 90deg;
+}
+
+
+.eventMenuOpen {
+    display: flex;
+}
+
+.eventMenuClose {
+    display: none;
+}