html {box-sizing: border-box;height: 90%;}*, *::before, *::after {box-sizing: inherit;margin: 0;padding: 0;}.container {display: flex;justify-content: center;}.thumbnails {display: flex;flex-direction: column;line-height: 0;}.thumbnails li {flex: auto;}.thumbnails a {display: block;}.thumbnails img {width: 30vmin;height: 20vmin;-o-object-fit: cover;object-fit: cover;-o-object-position: top;object-position: top;}.slides {overflow: hidden;width: 75vmin;height: 100vmin;}.slides li {width: 75vmin;height: 100vmin;position: absolute;z-index: 1;}.slides img {height: 100vmin;-o-object-fit: cover;object-fit: cover;-o-object-position: top;object-position: top;}.slides li:target {z-index: 3;-webkit-animation: slide 1s 1;}.slides li:not(:target) {-webkit-animation: hidden 1s 1;}@-webkit-keyframes slide {0% {transform: translateY(-100%);}100% {transform: translateY(0%);}}@keyframes slide {0% {transform: translateY(-100%);}100% {transform: translateY(0%);}}@-webkit-keyframes hidden {0% {z-index: 2;}100% {z-index: 2;}}@keyframes hidden {0% {z-index: 2;}100% {z-index: 2;}}