* { padding: 0; margin: 0; } html { scroll-behavior: smooth; } body { background-color: black; color: rgb(88, 88, 88); } #spinner { display:none; position: fixed; top: 2vmin; right: 2vmin; z-index: 30000; width: 10vmin; height: 10vmin; } a, a:visited { color: white; font-style: normal; text-decoration:  none; } h1 { text-align: center; font-size: 8vmin; padding: 3vmin; } h2 { text-align: center; font-size: 3vmin; padding: 1vmin; } .open_dict_folder_h { color: rgb(88, 88, 88); } img { display: block; } main { display: flex; flex-direction: column; align-items: center; padding: 2vmin; } .gallery_content { flex-direction: column; } article { display: flex; flex-direction: row; flex-wrap: wrap; border: 2vmin solid rgb(88, 88, 88); margin: 3vmin; max-width: 90vmin; justify-content: center; } article p { display: flex; flex-direction: row; flex-shrink: 1; flex-grow: 0; flex-wrap: wrap; justify-content: center; } article > p > a { display: flex; flex-direction: column; font-size: 2vmin; margin: 3vmin; } article img { font-size: 0; max-width: 30vmin; } .image-fullscreen-background { position: fixed; top: 0; left: 0; height: 200%; width: 200%; /*    background: rgba(0,0,0,0.75); backdrop-filter: blur(4px); */    background: black; z-index: 24000; overflow: hidden; } .image-fullscreen-outer-container { position: fixed; display: flex; flex-direction: row; align-items: center; top: 0; left: 0; height: 100%; width: 100%; cursor: pointer; z-index: 26000; } .image-fullscreen-outer-container > div { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; width: 100%; } .image-fullscreen-outer-container > div > img {     /*max-height: calc(100% - 10vmin); max-width: calc(100% - 10vmin);*/    max-height: 100%; max-width: 100%; box-sizing: border-box; border: 10vmin solid black; }