Switch to Bulma for CSS

css/app.css

@@ -1,4 +1,4 @@
-@import url("./spectre.css");
+@import url("../js/vendor/bulma/css/bulma.min.css");
 @import url("../fonts/fonts.css");
 /* Variables */
 :root {

index.html

@@ -25,11 +25,12 @@
             <a href="progetto.html" class="btn btn-link" title="Progetto">PROGETTO</a>
         </section>
     </header>
-    <div class="wait-lg text-center d-hide" style="clear: both;">
+    <!-- TODO Loader -->
+    <div class="wait-lg text-center is-hidden" style="clear: both;">
         <p>Loading...</p>
         <div class="loading loading-lg"></div>
     </div>
-    <div class="container main">
+    <div class="main">
         <div id="map" class="map-lg map-sm"></div>
     </div>
 

js/.yarnrc

@@ -0,0 +1 @@
+--*.modules-folder "./vendor"

js/package.json

@@ -5,6 +5,7 @@
   "author": "Nicolò P.",
   "license": "GPLv3",
   "dependencies": {
+    "bulma": "^1.0.1",
     "leaflet": "^1.9.4"
   }
 }

js/yarn.lock

@@ -2,6 +2,11 @@
 # yarn lockfile v1
 
 
+bulma@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/bulma/-/bulma-1.0.1.tgz#e37261d6f8e1a3494c9378803d9958effb2715ce"
+  integrity sha512-+xv/BIAEQakHkR0QVz+s+RjNqfC53Mx9ZYexyaFNFo9wx5i76HXArNdwW7bccyJxa5mgV/T5DcVGqsAB19nBJQ==
+
 leaflet@^1.9.4:
   version "1.9.4"
   resolved "https://registry.yarnpkg.com/leaflet/-/leaflet-1.9.4.tgz#23fae724e282fa25745aff82ca4d394748db7d8d"