diff options
| -rw-r--r-- | index.css | 8 | ||||
| -rw-r--r-- | index.html | 18 |
2 files changed, 14 insertions, 12 deletions
@@ -80,7 +80,6 @@ section a:hover { flex: 0 1 auto; width: 100%; overflow: auto; - justify-content: center; } #image_container .image_item { @@ -167,14 +166,15 @@ input:focus { } /* Theme Selector */ -#theme_selector { - width: 50%; +#theme_selector {; display: flex; align-items: center; + justify-content: center; bottom: 1rem; pointer-events: all; opacity: 1; transition: opacity 150ms linear; + gap: 2rem; } #theme_selector.hidden { @@ -191,8 +191,6 @@ input:focus { background-color: white; cursor: pointer; transition: opacity 100ms linear; - margin-right: 1rem; - margin-left: 1rem; } #theme_selector > button:hover { @@ -42,7 +42,9 @@ <figcaption> Hanging with my friends, circa July 2019. </figcaption> - </figure> + </figure> + + </section> <section> <h2>About Me</h2> @@ -62,13 +64,15 @@ </ul> </section> - <h2>Theme</h2> - <div id="theme_selector" class="hidden"> - <button id="theme_button_default">Default</button> - <button id="theme_button_autumn">Autumn</button> + <section> + <h2>Theme</h2> + <div id="theme_selector" class="hidden"> + <button id="theme_button_default">Default</button> + <button id="theme_button_autumn">Autumn</button> <button id="theme_button_winter">Winter</button> - <button id="theme_button_spring">Spring</button> - </div> + <button id="theme_button_spring">Spring</button> + </div> + </section> </body> <script src='/index.js'></script> |