Initial stylesheets

styles/style_buttons.css

@@ -0,0 +1,32 @@
+@font-face { font-family: 'Share Tech'; src: url(../fonts/Share-Tech/ShareTech-Regular.ttf) format('woff2'); }
+@font-face { font-family: 'Share Tech Mono'; src: url(../fonts/Share-Tech/ShareTechMono-Regular.ttf) format('woff2'); }
+
+/* Buttons */
+
+input {
+    -webkit-appearance: none;
+    appearance: none;
+
+    background: #c3c3c3;
+    box-shadow: inset -1px -1px black;
+
+    min-width: 200px;
+    min-height: 30px;
+
+    font-family: 'Share Tech Mono', sans-serif;
+    font-size: 13pt;
+    font-weight: 600;
+}
+
+input:active {
+    background: #b5b5b5;
+    box-shadow: inset 0em 0em;
+}
+
+input.start {
+    min-height: 30px;
+    min-width: 130px;
+    max-width: 230px;
+    
+    padding-left: 25px;
+}

styles/style_main.css

@@ -0,0 +1,48 @@
+/* Fonts (we serve our own fonts :D #fuckgoogle) */
+@font-face { font-family: 'Share Tech'; src: url(../fonts/Share-Tech/ShareTech-Regular.ttf) format('woff2'); }
+@font-face { font-family: 'Share Tech Mono'; src: url(../fonts/Share-Tech/ShareTechMono-Regular.ttf) format('woff2'); }
+@font-face { font-family: 'Bitter'; src: url(../fonts/Bitter/Bitter-VariableFont_wght.ttf) format('woff2'); }
+
+body {
+    background-image: url("/img/background.jpg");
+
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+
+/* *flexes your boxes*/
+.container {
+    padding-top: 30px;
+    display: flex;
+    flex-direction: column;
+} 
+
+
+img.art_temp {
+    width: 50%;
+    align-self: center;
+    padding-top: 5vh;
+}
+
+div.taskbar {
+    position: absolute;
+
+    left: 0px;
+    top: 0px;
+    width: 100%;
+
+    height: 31px;
+    background: #c3c3c3;
+    box-shadow: inset -1px -1px black;
+}
+/* Fonts */
+
+h1 { 
+    font-family: 'Bitter', serif;
+    font-size: 20pt;
+    
+    color: white;
+
+    display: inline;
+    align-self: center;
+}