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 {