aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--draughts/public/stylesheets/splash.css48
1 files changed, 23 insertions, 25 deletions
diff --git a/draughts/public/stylesheets/splash.css b/draughts/public/stylesheets/splash.css
index cd4d135..11acf14 100644
--- a/draughts/public/stylesheets/splash.css
+++ b/draughts/public/stylesheets/splash.css
@@ -5,15 +5,13 @@
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));
@@ -23,58 +21,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{
@@ -101,12 +99,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;
}