diff --git a/.gitmodules b/.gitmodules
new file mode 100644
index 0000000..534a171
--- /dev/null
+++ b/.gitmodules
@@ -0,0 +1,3 @@
+[submodule "www/static/euskaditech-css"]
+	path = www/static/euskaditech-css
+	url = https://git.tech.eus/EuskadiTech/css.git
diff --git a/src/index.html b/src/index.html
index 0080d73..07cc6de 100644
--- a/src/index.html
+++ b/src/index.html
@@ -6,313 +6,7 @@
     <link rel="manifest" href="manifest.json" />
     <title>TeleSec</title>
     <link rel="icon" type="image/png" href="static/TeleSec.jpg" />
-    <style>
-      html {
-        color-scheme: light only;
-      }
-
-      body {
-        font-family: Arial, Helvetica, sans-serif;
-      }
-
-      main {
-        /*max-width: 45rem;
-            margin: 0 auto;*/
-        padding: 0 15px;
-      }
-
-      .supermesh-indicator {
-        border-top-left-radius: 15px;
-        background-color: greenyellow;
-        border-top: 5px solid green;
-        border-left: 5px solid green;
-        padding: 15px;
-        max-width: 30rem;
-        position: fixed;
-        right: 0;
-        bottom: 0;
-        color: black;
-        display: none;
-      }
-
-      .supermesh-indicator a {
-        color: blue;
-      }
-
-      details.supermesh-indicator summary {
-        font-size: unset;
-      }
-
-      .link,
-      a {
-        color: blue;
-        text-decoration: underline;
-        cursor: pointer;
-      }
-
-      .link:hover,
-      a:hover {
-        text-decoration: underline;
-      }
-
-      #articleID {
-        font-family: monospace;
-      }
-
-      @media (prefers-color-scheme: dark) {
-        .link,
-        a {
-          color: lightblue;
-        }
-      }
-
-      @media print {
-        .supermesh-indicator,
-        .no_print {
-          display: none;
-        }
-      }
-
-      main {
-        margin-bottom: 25rem;
-      }
-
-      button,
-      .button {
-        display: inline-block;
-        padding: 5px 10px;
-        background-color: beige;
-        border: 2px solid black;
-        font-size: 20px;
-        margin: 3px;
-        text-decoration: none;
-        color: black;
-      }
-
-      button:hover,
-      .button:hover {
-        text-decoration: underline;
-      }
-
-      /* https://coolors.co/palette/ff0000-ff8700-ffd300-deff0a-a1ff0a-0aff99-0aefff-147df5-580aff-be0aff */
-      .rojo {
-        background: #ff0000;
-        color: white;
-      }
-
-      .btn1 {
-        background: #ff0000;
-        color: white;
-      }
-
-      .btn2 {
-        background: #ff8700;
-        color: white;
-      }
-
-      .btn3 {
-        background: #ffd300;
-        color: black;
-      }
-
-      .btn4 {
-        background: #deff0a;
-        color: black;
-      }
-
-      .btn5 {
-        background: #a1ff0a;
-        color: black;
-      }
-
-      .btn6 {
-        background: #0aff99;
-        color: black;
-      }
-
-      .btn7 {
-        background: #0aefff;
-        color: black;
-      }
-
-      .btn8 {
-        background: #147df5;
-        color: white;
-      }
-
-      .nav-disabled {
-        background: black !important;
-        color: grey !important;
-      }
-
-      .nav-disabled:hover {
-        text-decoration: unset !important;
-      }
-
-      input,
-      select,
-      textarea {
-        font-size: 18px;
-        padding: 5px;
-        width: calc(100% - 11px);
-      }
-
-      select {
-        width: 100%;
-      }
-
-      details input,
-      details select,
-      details textarea {
-        font-size: 18px;
-        padding: 5px;
-        width: calc(100% - 15px);
-      }
-
-      input[type="color"] {
-        width: 50px;
-        height: 50px;
-      }
-
-      textarea {
-        height: 150px;
-      }
-
-      details summary {
-        font-size: 20px;
-      }
-
-      thead tr {
-        background-color: black;
-        color: white;
-      }
-
-      table {
-        display: block;
-        line-break: loose;
-        width: fit-content;
-        min-width: 750px;
-        border: 1px solid black;
-      }
-
-      table tr th {
-        line-break: auto;
-      }
-
-      table tr td {
-        border-bottom: 3px solid black !important;
-        padding: 5px;
-      }
-
-      .scase {
-        text-transform: lowercase;
-      }
-
-      .scase:first-letter {
-        text-transform: uppercase;
-      }
-
-      table tr:hover td {
-        text-decoration: underline;
-        background: rgba(200, 200, 200, 0.5);
-        /* color: black; */
-      }
-
-      table tr:hover td.TextBorder {
-        background: inherit;
-        color: inherit;
-        text-decoration: none;
-      }
-
-      fieldset {
-        max-width: 25rem;
-      }
-
-      .TextBorder {
-        color: black;
-        text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff,
-          1px 1px 0 #fff;
-        -webkit-text-stroke: 0.25px #fff;
-      }
-
-      code {
-        font-size: x-small;
-        color: gray;
-      }
-
-      .activeSCButton {
-        border: 7px dashed beige;
-        color: beige;
-        background: black !important;
-      }
-
-      .btn1.activeSCButton {
-        border-color: #ff0000;
-        color: #ff0000;
-      }
-
-      .btn2.activeSCButton {
-        border-color: #ff8700;
-        color: #ff8700;
-      }
-
-      .btn3.activeSCButton {
-        border-color: #ffd300;
-        color: #ffd300;
-      }
-
-      .btn4.activeSCButton {
-        border-color: #deff0a;
-        color: #deff0a;
-      }
-
-      .btn5.activeSCButton {
-        border-color: #a1ff0a;
-        color: #a1ff0a;
-      }
-
-      .btn6.activeSCButton {
-        border-color: #0aff99;
-        color: #0aff99;
-      }
-
-      .btn7.activeSCButton {
-        border-color: #0aefff;
-        color: #0aefff;
-      }
-
-      .btn8.activeSCButton {
-        border-color: #147df5;
-        color: #147df5;
-      }
-
-      hr {
-        border-color: black;
-        border-style: solid;
-      }
-
-      #snackbar {
-        visibility: hidden;
-        /* min-width: 250px; */
-        background-color: #333;
-        color: #fff;
-        text-align: center;
-        border-radius: 2px;
-        padding: 16px;
-        position: fixed;
-        z-index: 1;
-        right: 70px;
-        bottom: 25px;
-      }
-
-      #snackbar a {
-        color: lightblue;
-      }
-
-      #snackbar.show {
-        visibility: visible;
-      }
-    </style>
+    <link href="static/euskaditech-css/simple.css" rel="stylesheet" />
     <link href="static/toastr.min.css" rel="stylesheet" />
 
     %%PREFETCH%%