Combine html and css

Author: MatiasG19

web/src/index.htm

@@ -55,6 +55,62 @@
       >Arduino Remote Switch on GitHub</a
     >
 
+    <style>
+      html {
+        height: 95%;
+        font-family: 'Lucida Console', 'Arial', monospace;
+      }
+
+      body {
+        background-color: #1f1e29;
+        color: #cfcfcf;
+        height: 100%;
+      }
+
+      .heading {
+        font-size: 5vh;
+        text-align: center;
+      }
+
+      button {
+        position: relative;
+        display: inline-block;
+        width: calc(100% - 2vw);
+        min-width: 50px;
+        max-width: 200vh;
+        height: 15%;
+        min-height: 50px;
+        border: none;
+        border-radius: 1vw;
+        margin: 1vh 1vw 1vh 1vw;
+        font-size: 5vh;
+        color: #cfcfcf;
+        background-color: #313131;
+      }
+
+      .activeButton {
+        cursor: pointer;
+      }
+
+      .activeButton:hover {
+        background-color: #cfcfcf;
+        color: black;
+      }
+
+      .activeButton:active {
+        background-color: #494949;
+        color: #cfcfcf;
+      }
+
+      a {
+        color: #cfcfcf;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin: 5%;
+      }
+    </style>
+
     <script>
       const CMD_POWER_ON = 'powerOn',
         CMD_STAND_BY = 'standBy',