✨ Add Landingpage

2022-05-16 22:23:17 +02:00
parent f2dba0b715
commit 12dfc520c7
9 changed files with 190 additions and 3 deletions
--- a/styles/LandingPage.module.css
+++ b/styles/LandingPage.module.css
@@ -0,0 +1,65 @@
+.welcomeContainer {
+  width: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  text-align: center;
+  padding: 0 2vw;
+}
+
+.welcomeContainer h1 {
+  color: white;
+  background-color: #6f6f6f;
+  padding: 0.5rem;
+  border-radius: 10px;
+}
+
+.welcomeContainer p {
+  font-size: 1.4rem;
+}
+
+.treeContainerLayout {
+  width: 100%;
+  padding: 0 2vw;
+  margin: 2vw 0;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+}
+
+.treeContainerLayout .container {
+  height: 300px;
+  width: 20rem;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  text-align: center;
+}
+/*# sourceMappingURL=LandingPage.module.css.map */