Created Button page need to grab buttons now

2025-10-17 14:10:01 -05:00
parent bdf07e562e
commit 21287ad0c3
2 changed files with 132 additions and 0 deletions
--- a/stylesheets/buttons.css
+++ b/stylesheets/buttons.css
@ -0,0 +1,57 @@
+body{
+    background-image: url("/media/Art/EmptySpace.png");
+    background-size: 10%;
+    text-align: center;
+    color: rgba(221, 74, 74, 0.918)
+}
+
+#mainView{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.buttonSection{
+    background-color: rgba(14, 161, 129, 0.308);
+    border-radius: 100px;
+    width: 350px;
+    margin: 1%;
+    padding: 4%;
+    border-color: aquamarine;
+    border-style: ridge;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.buttonSection h1{
+    text-shadow: 3px 2px rgb(180, 70, 171);
+}
+
+.buttonSection h3{
+    color: rgba(34, 79, 163, 0.959);
+    text-shadow: 1px 1px aquamarine;
+}
+
+.buttonSection img{
+    padding: 2%;
+    border-style: dotted;
+    border-color: orange;
+}
+
+.buttonSection textarea{
+    width: 30%;
+}
+
+.buttonRow{
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+}
+
+ul{
+    list-style: none;
+    align-items: center;
+    text-align: center;
+    margin: 0;
+}