diff --git a/css/button.css b/css/button.css
new file mode 100644
index 0000000..5b62168
--- /dev/null
+++ b/css/button.css
@@ -0,0 +1,35 @@
+.btnanimate
+{
+ transition: all 0.1s;
+ -webkit-transition: all 0.1s;
+}
+
+.action-button
+{
+ position: relative;
+ padding: 10px 40px;
+ margin: 0px 10px 10px 0px;
+ float: left;
+ border-radius: 16px;
+ color: #FFF;
+ text-decoration: none;
+}
+
+.dabtn
+{
+ background-color: #a55ac5;
+ box-shadow: 0rem 0rem 1rem #cf9ef0;
+}
+
+.action-button:active
+{
+ transform: translate(0px,2px);
+ -webkit-transform: translate(0px,2px);
+ border-bottom: 1px solid;
+}
+
+.fill-row {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+}
\ No newline at end of file
diff --git a/css/flexboxes.css b/css/flexboxes.css
index 992bda2..9e3ba56 100644
--- a/css/flexboxes.css
+++ b/css/flexboxes.css
@@ -14,10 +14,9 @@
flex-direction: column;
justify-content: space-between;
padding: 35px;
- border: 1px solid rgba(255, 255, 255, 0.25);
- border-radius: 20px;
- background-color: rgba(255, 255, 255, 0.45);
- box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
+ border-radius: 3rem;
+/* background-color: rgba(255, 255, 255, 0.45);
+ box-shadow: 0rem 0rem 1rem #c8d0e7;*/
}
.flex-box {
@@ -47,4 +46,20 @@
.nocent {
text-align:left;
+ }
+
+ .flex-buttons {
+ flex-wrap: wrap;
+ display: flex;
+ flex-direction:row;
+ justify-content: space-between;
+ }
+
+ .grow-btn {
+ flex-grow: 1;
+
+ }
+
+ .fuck-all {
+all: revert;
}
\ No newline at end of file
diff --git a/index.html b/index.html
index 729dfcc..4fbd588 100644
--- a/index.html
+++ b/index.html
@@ -8,18 +8,18 @@
-
+