diff options
-rw-r--r-- | draughts/public/stylesheets/game.css | 31 |
1 files changed, 23 insertions, 8 deletions
diff --git a/draughts/public/stylesheets/game.css b/draughts/public/stylesheets/game.css index 1255f15..e1dc996 100644 --- a/draughts/public/stylesheets/game.css +++ b/draughts/public/stylesheets/game.css @@ -1,20 +1,31 @@ @import "style.css"; +@keyframes spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} + +html, body { + /* Make the body take up the entire screen */ + margin: 0; + height: 100%; +} + body { /* Set the default font */ font-family: "Saira Condensed"; - - /* Remove the margin on the sides of the screen */ - margin: 0; + + /* Split up the body into 2 halves with a grid */ + display: grid; + grid-template-columns: 50% 50%; } body > div { - /* Take up exactly half the screen */ - width: 50%; - height: 100%; - position: absolute; - /* Center all children */ display: flex; align-items: center; @@ -134,6 +145,10 @@ body > div { cursor: pointer; } +#resign:active { + animation: spin 1s 5 linear; +} + #resign p { /* Make the resign text look nice */ font-style: normal; |