= $this->fetch('content') ?>
diff --git a/webroot/css/style.css b/webroot/css/style.css
index 7049e23..4f910d3 100644
--- a/webroot/css/style.css
+++ b/webroot/css/style.css
@@ -1,37 +1,103 @@
+html {
+ height:100%;
+}
+
body {
color:#666666;
background-color:#000000;
-}
-
-div.sticky {
- position:fixed;
- height: 100%;
- width:100%;
- background-color:#111111;
- z-index:0;
-}
-
-div.centered {
- text-align: center;
-}
-
-canvas {
- bottom:0;
- width:100%;
height:100%;
- z-index:1;
+ width:100%;
+ padding:0;
}
-div.content {
- z-index:2;
- color:#fff;
- padding-top:10px;
+/*div.sticky {*/
+/* position:fixed;*/
+/* height: 100%;*/
+/* width:100%;*/
+/* background-color:#111111;*/
+/*}*/
+
+/*div.centered {*/
+/* text-align: center;*/
+/*}*/
+
+/*canvas {*/
+/* bottom:0;*/
+/* width:100%;*/
+/* height:100%;*/
+/*}*/
+.button:hover {
+ box-shadow: 0 0 10px 10px #00cc2b;
}
-label {
- margin-right:10px;
+.button:focus {
+ outline:unset;
+ border: 2px #2ca02c solid;
}
-button.round {
- border-radius:5px;
+.button {
+ transition: box-shadow 0.5s;
+ border: 2px transparent solid;
+ margin-top: 20px;
+ border-radius: 18px;
+ box-shadow: 0 0 10px 0px #00cc2b;
+ background-color: transparent;
+ color: #fff;
+ padding: 5px 10px 5px 10px;
}
+
+
+.button-menu:focus {
+ outline:unset;
+ border:2px #2ca02c solid;
+}
+
+.button-menu:hover {
+ box-shadow: 2px 3px 20px 0px #00cc2b;
+}
+
+.button-menu:disabled {
+ box-shadow: 2px 3px 7px 0px #ff898599;
+ color: #ec6c6c78;
+}
+
+
+.button-menu {
+ border: 2px transparent solid;
+ transition: box-shadow 0.5s, border 0.5s;
+ height: 35px;
+ background-color: transparent;
+ color: #7b7b7b;
+ box-shadow: 2px 3px 7px 0px #012300a3;
+ margin-left: 7px;
+ margin-right: 7px;
+ border-radius: 15px;
+}
+
+.div-main {
+ height:100%;
+ padding:0;
+ background-color: #000000ad;
+}
+
+.div-home {
+ color: #fff;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ background-color: #000000ad;
+ flex-direction: column;
+ height: 100%;
+ top: 0;
+ left: 0;
+ position: fixed;
+ width: 100%;
+}
+
+/*label {*/
+/* margin-right:10px;*/
+/*}*/
+
+/*button.round {*/
+/* border-radius:5px;*/
+/*}*/