diff --git a/Y/ystyle.css b/Y/ystyle.css
index 3bdeca2..ee6fba1 100644
--- a/Y/ystyle.css
+++ b/Y/ystyle.css
@@ -71,6 +71,7 @@ body:before {
 main {
   min-height: calc(100vh - 420px);
   margin-bottom: 100px;
+  display: block;
 }
 
 .yfold:not(.card) {
@@ -210,24 +211,32 @@ footer .pcom a {
 
 /* PAGE DE CODE */
 code {
-  background: #1b1b1b;
-  max-width: 900px;
-  width: auto;
+  z-index: 2;
+  background: #000;
+  width: min(94vw, 900px);
   border-radius: 12px;
   margin-left: 3vw;
+  margin-top: 20px;
   font-family: monospace;
   display: block;
   color: #ffffcc;
 
-  tab-size: 2px;
+  tab-size: 2;
   white-space: pre;
 
   overflow-x: scroll;
   font-size: 120%;
-  padding: 15px 20px 12px 22px;
+  padding: 20px 50px 22px 15px;
+  border-bottom: 10px solid #222;
   line-height: 1.55;
 }
 
+code * {
+  white-space: pre;
+  tab-size: 2px;
+  display: inline;
+}
+
 span.comment {
   font-style: italic;
   color: rgb(128, 139, 150);
diff --git a/script.js b/script.js
deleted file mode 100644
index 8b0c3d0..0000000
--- a/script.js
+++ /dev/null
@@ -1,81 +0,0 @@
-
-//
-// Show/hide some sections by clicking on the title.
-//
-// Can be replaced by <details>, <summary> once it is supported by most browsers.
-//
-
-function saveStatus(id, shown) {
-    if (typeof(Storage) !== "undefined") {
-	localStorage.setItem("yfold-shown-" + id, shown) ;
-    }
-}
-
-// record : (when clicked), record the status in local storage
-function setStatus(id, shown, content, record) {
-
-    // console.log ("setStatus (" + id + ", " + shown + ")") ;
-
-    var span = document.getElementById("arrow-" + id) ;
-
-    if (shown) {
-	content.classList.remove("anim-hide") ;
-        content.classList.remove("hidden") ;
-        span.innerHTML = "&#x25be;" ;
-        if (record) { content.classList.add("anim-show") ; }
-        else { content.classList.add("shown") ; }
-    }
-    else {
-        content.classList.remove("anim-show") ;
-        content.classList.remove("shown") ;
-        span.innerHTML = "&#x25b8;" ;
-        if (record) { content.classList.add("anim-hide") ; }
-        else { content.classList.add("hidden") ; }
-    }
-
-    if (record) { saveStatus(id, shown) ; }
-}
-
-// Invoked at load-time once for every yfold section.
-function initYfold(id) {
-
-    // console.log ("initYfold (" + id + ")") ;
-
-    // console.log ("unknown " + id)
-    var shown = true ;
-    var content = document.getElementById("content-" + id) ;
-
-    // Sets the state according to local storage or default value.
-
-    if (typeof(Storage) !== "undefined") {
-	var local = localStorage.getItem("yfold-shown-" + id) ;
-	// console.log ("using storage value = " + local)
-
-	if (local === 'true') {
-	    shown = true ;
-	}
-	else if (local === 'false') {
-	    shown = false ;
-	}
-	else {
-	    // Get default value
-	    var defv = content.getAttribute("data-yfold-default") ;
-	    if (defv === 'hide') {
-		shown = false ;
-	    }
-	    // console.log ("using default value = " + shown)
-	}
-    }
-
-    setStatus(id, shown, content, false) ;
-}
-
-// Function invoked when the title is clicked.
-function toggleYfold(id) {
-
-    // console.log ("toggleYfold (" + id + ")") ;
-
-    var content = document.getElementById("content-" + id) ;
-    var expand = content.classList.contains("anim-hide") || content.classList.contains("hidden") ;
-    setStatus(id, expand, content, true) ;
-}