From a3057a8ffb8cca04eb58380718381535c82cf5c6 Mon Sep 17 00:00:00 2001 From: waifu Date: Sun, 21 Apr 2024 14:59:24 -0300 Subject: [PATCH] init --- home/index.html | 23 +++++++++++++++++++++++ home/styles.css | 44 ++++++++++++++++++++++++++++++++++++++++++++ index.html | 15 +++++++++++++++ styles.css | 21 +++++++++++++++++++++ 4 files changed, 103 insertions(+) create mode 100644 home/index.html create mode 100644 home/styles.css create mode 100644 index.html create mode 100644 styles.css diff --git a/home/index.html b/home/index.html new file mode 100644 index 0000000..66649f6 --- /dev/null +++ b/home/index.html @@ -0,0 +1,23 @@ + + + + + + Home?? + + + + + + + diff --git a/home/styles.css b/home/styles.css new file mode 100644 index 0000000..3dd3097 --- /dev/null +++ b/home/styles.css @@ -0,0 +1,44 @@ +body { + display: flex; + justify-content: center; + align-items: center; + } + +#menu { + width: 800px; + height: 400px; + margin-top: 100px; + border: 10px groove seagreen; + background-color: rgb(240, 106, 106); + background-size: contain; + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + +} + +p{ + color: dodgerblue; + align-self: center; + border: 4px dashed dodgerblue; + background-color: white; + margin-right: 40px; + margin-left: 40px; + +} + +#logo{ + align-self: center; + justify-content: flex-start; +} +.seed { + display: block; + margin-bottom: 10px; /* Adjust the spacing between seeds as needed */ +} +.seed img { + transition: transform 0.3s ease; +} +.seed img:hover { + transform: scale(1.1); +} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..369009e --- /dev/null +++ b/index.html @@ -0,0 +1,15 @@ + + + + + + Waifuism.life + + + + + + + + + diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..93cae62 --- /dev/null +++ b/styles.css @@ -0,0 +1,21 @@ +body, html { + height: 100%; + margin: 0; + overflow: hidden; /* Prevents scrollbar from appearing */ + } + +body { +display: flex; +justify-content: center; +align-items: center; +} + +.logo { +max-width: 100%; +height: auto; +transition: transform 0.3s, scale 0.3s; +} + +.logo:hover { +transform: scale(1.2) rotate(360deg); /* Rotates the logo 360 degrees */ +}