Update README.md

README.md

@@ -6,6 +6,85 @@ language:
 - ja
 pipeline_tag: text-to-image
 ---
+<style>
+
+body {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100vh;
+  margin: 0;
+  font-family: Arial, sans-serif;
+  background-color: #f4f4f9;
+  overflow: auto;
+}
+
+.container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  padding: 20px;
+}
+
+.title-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding: 1em;
+  border-radius: 10px;
+}
+
+.title {
+  font-size: 3em;
+  font-family: 'Montserrat', sans-serif;
+  text-align: center;
+  font-weight: bold;
+}
+
+.title span {
+  background: -webkit-linear-gradient(45deg, #0077b6, #00b4d8, #90e0ef);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+.gallery {
+  display: grid;
+  grid-template-columns: repeat(5, 1fr);
+  gap: 10px;
+}
+
+.gallery img {
+  width: 100%;
+  height: auto;
+  margin-top: 0px;
+  margin-bottom: 0px;
+  border-radius: 10px;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+  transition: transform 0.3s;
+}
+
+.gallery img:hover {
+  transform: scale(1.05);
+}
+
+.note {
+  font-size: 1em;
+  opacity: 50%;
+  text-align: center;
+  margin-top: 20px;
+  color: #555;
+}
+  
+</style>
+
+<div class="container">
+  <div class="title-container">
+    <div class="title"><span>きぼぉとぉすぅ_つゔぁい</span></div>
+  </div>
+
 
 # あばぁうと　もでる
 ## もでるねぇーむ:きぼぉとぉすぅ_つゔぁい