improved display of different resolutions

diff --git a/style.css b/style.css
index bdb7710cd32072cad5ce8b0907dd2230c837f73f..168ff409d9460871c6e641f12b36c06fdd64ef6d 100644 (file)
--- a/style.css
+++ b/style.css
@@ -62,7 +62,7 @@ body {
   width: 1000%; height: 11em;
   max-width: unset;
   background-color: #111;
-  object-fit: contain;
+  object-fit: fill;
   transform: translate(-00%, 0);
 }
 .itemlist .list img:hover {
@@ -72,23 +72,23 @@ body {
 }
 @keyframes thumbscroll {
    0%   { transform: translate(-00%, 0); }
-   9.9% { transform: translate(-00%, 0); }
+   9.99% { transform: translate(-00%, 0); }
   10%   { transform: translate(-10%, 0); }
-  19.9% { transform: translate(-10%, 0); }
+  19.99% { transform: translate(-10%, 0); }
   20%   { transform: translate(-20%, 0); }
-  29.9% { transform: translate(-20%, 0); }
+  29.99% { transform: translate(-20%, 0); }
   30%   { transform: translate(-30%, 0); }
-  39.9% { transform: translate(-30%, 0); }
+  39.99% { transform: translate(-30%, 0); }
   40%   { transform: translate(-40%, 0); }
-  49.9% { transform: translate(-40%, 0); }
+  49.99% { transform: translate(-40%, 0); }
   50%   { transform: translate(-50%, 0); }
-  59.9% { transform: translate(-50%, 0); }
+  59.99% { transform: translate(-50%, 0); }
   60%   { transform: translate(-60%, 0); }
-  69.9% { transform: translate(-60%, 0); }
+  69.99% { transform: translate(-60%, 0); }
   70%   { transform: translate(-70%, 0); }
-  79.9% { transform: translate(-70%, 0); }
+  79.99% { transform: translate(-70%, 0); }
   80%   { transform: translate(-80%, 0); }
-  89.9% { transform: translate(-80%, 0); }
+  89.99% { transform: translate(-80%, 0); }
   90%   { transform: translate(-90%, 0); }
  100%   { transform: translate(-90%, 0); }
 }