diff --git a/html/style.css b/html/style.css new file mode 100644 index 0000000..6f2807e --- /dev/null +++ b/html/style.css @@ -0,0 +1,58 @@ +html { + height: 100%; + width: 100%; +} + +body { + padding: 2.25em 0 0 0; + margin: 0; + height: 100%; + width: 100%; +} + +h1 { + position: fixed; + font-size: 150%; + top: 0; + left: 0; + right: 0; + padding: 0 .1em 0 .1em; + margin: 0; + height: 1.5em; + background-color: black; + color: white; +} + +img { + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; +} + +img.image { + object-fit: contain; +} + +div.images { + color: white; + background-color: black; + padding: 2em; + display: flex; + flex-wrap: wrap; + justify-content: space-around; + align-items: center; + align-content: space-around; +} + +div.images img.thumbnail { + padding: .5em; + margin: .5em; + box-shadow: .2em .2em .6em #aaa; + border-radius: 1em; + background-color: white; + flex-grow: 1; + flex-shrink: 1; + flex-basis: auto; + align-self: center; +}