diff --git a/euler-golf/css/styles.css b/euler-golf/css/styles.css index 05f2f9f..e9885c5 100644 --- a/euler-golf/css/styles.css +++ b/euler-golf/css/styles.css @@ -24,21 +24,51 @@ body { height: 100vw; } -.button { - border: 1px solid black; +button { border-radius: 5px; padding: 5px; cursor: pointer; + margin-left: 5px; } .controls { + cursor: pointer; padding: 12px; position: fixed; bottom: 0; right: 0; - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(255, 255, 255, 0.8); border: 1px solid white; border-radius: 8px; margin-right: 6px; margin-bottom: 6px; } + +.buttons { + display: flex; + justify-content: space-around; + align-items: center; +} + +.modal { + display: flex; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + + width: 80vw; + max-width: 500px; + min-height: 200px; + + padding: 12px; + + background-color: rgba(255, 255, 255, 0.8); + border: 1px solid black; + border-radius: 15px; +} + +.modal-body { + display: flex; + justify-content: center; +} diff --git a/euler-golf/index.html b/euler-golf/index.html index fb31d41..7679a34 100644 --- a/euler-golf/index.html +++ b/euler-golf/index.html @@ -7,13 +7,68 @@
-