funkcionira ama bez ruti vo browser

i bez statistika :)

static/style.css

@@ -0,0 +1,142 @@
+/* Box sizing rules */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+/* Prevent font size inflation */
+html {
+    -moz-text-size-adjust: none;
+    -webkit-text-size-adjust: none;
+    text-size-adjust: none;
+}
+
+/* Remove default margin in favour of better control in authored CSS */
+body, h1, h2, h3, h4, p,
+figure, blockquote, dl, dd {
+    margin-block-end: 0;
+}
+
+/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
+ul[role='list'],
+ol[role='list'] {
+    list-style: none;
+}
+
+/* Set core body defaults */
+body {
+    min-height: 100vh;
+    line-height: 1.5;
+    font-family: monospace;
+}
+
+/* Set shorter line heights on headings and interactive elements */
+h1, h2, h3, h4,
+button, input, label {
+    line-height: 1.1;
+}
+
+/* Balance text wrapping on headings */
+h1, h2,
+h3, h4 {
+    text-wrap: balance;
+}
+
+/* A elements that don't have a class get default styles */
+a:not([class]) {
+    text-decoration-skip-ink: auto;
+    color: currentColor;
+}
+
+/* Make images easier to work with */
+img,
+picture {
+    max-width: 100%;
+    display: block;
+}
+
+/* Inherit fonts for inputs and buttons */
+input, button,
+textarea, select {
+    font-family: inherit;
+    font-size: inherit;
+}
+
+/* Make sure textareas without a rows attribute are not tiny */
+textarea:not([rows]) {
+    min-height: 10em;
+}
+
+/* Anything that has been anchored to should have extra scroll margin */
+:target {
+    scroll-margin-block: 5ex;
+}
+
+h1 {
+    border-bottom: 0.2em solid #3f3f3f;
+    margin: 1em 0;
+    padding: 0 0 0.5em 0;
+}
+
+table tr td {
+    padding: 10px;
+    width: 20em;
+}
+table tr td input[type=checkbox] {
+    width: 2em;
+    height: 2em;
+}
+div#main {
+    display: grid;
+    grid-template-columns: [first] 50% [second] 50% [end];
+}
+div#main > div {
+    padding: 3em;
+}
+div#form .form-group {
+    display: grid;
+    grid-template-columns: [first] 40% [second] 10% [third] 50% [end];
+    margin: 0 0 5px 0;
+}
+
+div#timeline div.timeline-item {
+    display: grid;
+    grid-template-columns: [event_type] 20% [event_start] 15% [event_end] 15% [data] 40% [delete] 10% [end];
+    font-size: 1.1em;
+    margin-bottom: 5px;
+    padding: 5px 0;
+    border-bottom: 1px solid #afafaf;
+}
+
+input.submit {
+    padding: 10px;
+    max-width: 100px;
+    background-color: #333333;
+    color: #ffffff;
+    font-weight: bold;
+    border-radius: 1em;
+}
+
+menu {
+    background-color: #333333;
+    display:flex;
+    justify-content: left;
+    align-items: left;
+}
+
+menu menuitem {
+    display: block;
+}
+menu menuitem button {
+    padding: 10px;
+    border: 0;
+    border: 1px solid #fff;
+    border-top: 0;
+    border-bottom: 0;
+    background-color: #333333;
+    color: #fff;
+}
+menu menuitem button:hover {
+    background-color: #888;
+}