add keyboard shortcuts, icons, preloading

diff --git a/style.css b/style.css
index 5b2be5658714b633da7e930c80db9ec035296c18..01c57347f6a8fb9857a082e92c0ebb33a8c34929 100644 (file)
--- a/style.css
+++ b/style.css
@@ -30,10 +30,6 @@ p {
        clear: both;
 }
 
-::-webkit-scrollbar { 
-    //display: none; 
-}
-
 body {
     background: #3a393a;
     color: #efefef;
@@ -52,6 +48,30 @@ input {
 
 @media only screen and (max-width: 800px) {
        #current_div, #next_div {
-               width: 95% !important;
+               width: calc(100% - 20px) !important;
        }
 }
+
+.icon {
+       width: 50px;
+       filter: invert(88%) sepia(4%) saturate(15%) hue-rotate(18deg) brightness(92%) contrast(97%);
+}
+
+.icon:hover {
+       cursor: pointer;
+       filter: invert(100%) sepia(24%) saturate(1720%) hue-rotate(187deg) brightness(123%) contrast(87%);
+}
+
+.icon#first, .icon#last {
+       width: 20px;
+       margin-bottom: 10px;
+}
+
+button {
+       float: right;
+       margin: 0 10px 0 0;
+}
+
+input[type='checkbox'] {
+       font-size: 15px;
+}