diff options
-rw-r--r-- | draughts/public/stylesheets/splash.css | 48 |
1 files changed, 25 insertions, 23 deletions
diff --git a/draughts/public/stylesheets/splash.css b/draughts/public/stylesheets/splash.css index 11acf14..cd4d135 100644 --- a/draughts/public/stylesheets/splash.css +++ b/draughts/public/stylesheets/splash.css @@ -5,13 +5,15 @@ body { /* Set the default font */ font-family: "Saira Condensed"; - background-color: var(--dark-blue); + + background-color: var(--dark-blue); color: white; + /* Remove the margin on the sides of the screen */ margin: 0; } -.container{ +.container { display: grid; grid-template-columns: repeat(4, 25%); grid-template-rows: repeat(3, calc(100% / 3)); @@ -21,58 +23,58 @@ body { "players button how-to-3 windmill"; } -.header{ - grid-area: header; +.header { + grid-area: "header"; justify-self: left; - margin-left:10%; + margin-left: 10%; } -.stats{ - grid-area: stats; +.stats { + grid-area: "stats"; justify-self: left; - margin-left:10%; + margin-left: 10%; margin-top: 2%; } .icon { - grid-area: players; + grid-area: "players"; } -.button{ +.button { grid-area: button; } .how-to-1 { - grid-area: how-to-1; + grid-area: "how-to-1"; display: grid; - justify-content:left; + justify-content: left; margin-left: 20%; } .how-to-2 { - grid-area: how-to-2; + grid-area: "how-to-2"; display: grid; - justify-content:left; + justify-content: left; margin-left: 20%; } .how-to-3 { - grid-area: how-to-3; + grid-area: "how-to-3"; display: grid; - justify-content:left; + justify-content: left; margin-left: 20%; } .church { - grid-area: church; + grid-area: "church"; } -.raadhuis{ - grid-area: raadhuis; +.raadhuis { + grid-area: "raadhuis"; } -.windmill{ - grid-area: windmill; +.windmill { + grid-area: "windmill"; } .icon > img{ @@ -99,12 +101,12 @@ h2 { body > div { width: 95%; height: 90vh; - margin-top:8vh; + margin-top: 8vh; position: absolute; } div > p { - font-size:24px; + font-size: 24px; margin: 0; } |