fixed background for highersize screen, max 4k oof

public/assets/css/oof.css

@@ -15,7 +15,7 @@
 
 /* Works on Chrome, Edge, and Safari */
 *::-webkit-scrollbar {
-  width: 12px;
+  width: 0.75em;
 }
 
 *::-webkit-scrollbar-track {
@@ -24,21 +24,23 @@
 
 *::-webkit-scrollbar-thumb {
   background-color: #FF69B4;
-  border-radius: 20px;
-  border: 3px solid #4B0082;
+  border-radius: 1.25em;
+  border: 0.1875em solid #4B0082;
 }
 
 body {
-    background: url("../img/winxp.jpg");
-    background-repeat: no-repeat;
-    background-attachment: fixed;
     height: 100vh;
+    background-image: url("../img/winxp.jpg");
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: auto;
+    background-attachment: fixed;
 }
 
 .fixedep {
     position: -webkit-sticky;
     position: sticky;
-    top: 20px;
+    top: 1.25em;
 }
 
 .star {
@@ -48,14 +50,14 @@ body {
 }
 
 .pclass {
-    font-size: 74px;
+    font-size: 4.625em;
     margin-left: 0;
     margin-bottom: 0px;
     font-weight: bold;
     font-family: 'Comic Neue', cursive;
     font-style: normal;
-    letter-spacing: -2px;
-    text-shadow: 4px 0px var(--teal);
+    letter-spacing: -0.125em;
+    text-shadow: 0.05em 0px var(--teal);
 }
 
 .typebox {

public/assets/css/xp.css

@@ -181,12 +181,6 @@ option {
     box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #fff, inset -2px -2px grey, inset 2px 2px #dfdfdf
 }
 
-&:disabled,
-&:disabled+label {
-    color: grey;
-    text-shadow: 1px 1px 0 #fff
-}
-
 input[type=radio]+label {
     line-height: 13px;
     position: relative;

public/index.html

@@ -3,7 +3,7 @@
 
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=yes">
     <title>le journal d'un podcast</title>
     <meta name="description" content="ton journal quoitidien">
     <link rel="icon" type="image/jpeg" sizes="16x16" href="assets/img/fav.jpg">