neue Datei: root/css/global.css

neue Datei:     root/error.html
	neue Datei:     root/favicon.ico
	neue Datei:     root/index.html
	neue Datei:     root/message.html
	neue Datei:     root/qrcode.html
	neue Datei:     root/settings.html

root/css/global.css

@@ -0,0 +1,103 @@
+* {
+    user-select: none;
+    box-sizing: content-box;
+    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+}
+
+body {
+    height: 100vh;
+    padding: 0;
+    margin: 0;
+}
+
+#container {
+    display: flex;
+    justify-content: center;
+    height: 100vh;
+}
+
+#container > div {
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+}
+
+#container > div label {
+    text-align: center;
+    font-size: 2rem;
+    margin-bottom: 15px;
+}
+
+#price-input-div {
+    display: flex;
+    flex-direction: row;
+}
+
+input {
+    line-height: 20px;
+    font-size: 1rem;
+    padding: 8px 12px;
+    border-radius: 5px;
+    border: 1px solid #afafaf;
+    margin-bottom: 10px;
+}
+
+#price-input-div input {
+    border-radius: 5px 0 0 5px;
+    text-align: center;
+    font-size: 1.2rem;
+    margin-bottom: 0;
+}
+
+#iban {
+    text-transform: uppercase;
+}
+
+#price-input-div > span {
+    font-size: 1.3rem;
+    background-color: #dfdfdf;
+    display: inline-block;
+    line-height: 34px;
+    width: 40px;
+    text-align: center;
+    border: 1px solid #afafaf;
+    border-left: none;
+    border-radius: 0 5px 5px 0;
+}
+
+#settings-button {
+    position: absolute;
+    right: 5px;
+    bottom: 5px;
+}
+
+.button {
+    padding: 8px 12px;
+    background-color: #7a7a7a;
+    font-size: 16px;
+    color: white;
+    text-decoration: none;
+    display: inline-block;
+    margin: 15px 0 0 0;
+    border-radius: 5px;
+    text-align: center;
+    border: none;
+    cursor: pointer;
+}
+
+.button-container .button {
+    width: calc(25% - 28px);
+    min-width: 200px;
+}
+
+.back-button {
+    background-color: #9a9a9a;
+}
+
+.button:hover {
+    background-color: #6a6a6a;
+}
+
+.button:active {
+    background-color: #8a8a8a;
+}