Simplified CSS a little. More to do.

This commit is contained in:
Robert McGovern 2020-09-05 20:11:18 +01:00
parent ad392253b6
commit 8bd12b25cb
1 changed files with 4 additions and 13 deletions

View File

@ -5,6 +5,10 @@
--site-color: hsl(257, 40%, 49%); --site-color: hsl(257, 40%, 49%);
} }
* {
margin: 0;
}
body { body {
background-color: var(--site-color); background-color: var(--site-color);
background-image: url("../images/bg-desktop.svg"); background-image: url("../images/bg-desktop.svg");
@ -12,7 +16,6 @@ body {
/*background-size: contain; */ /*background-size: contain; */
color: white; color: white;
margin: 0;
font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif;
} }
@ -42,7 +45,6 @@ h1 {
.siteBlurb h1 { .siteBlurb h1 {
margin-right: 2em; margin-right: 2em;
margin-bottom: 0;
} }
.siteBlurb p { .siteBlurb p {
@ -78,11 +80,9 @@ h1 {
padding: 0.5rem; padding: 0.5rem;
margin-left: 0.5rem; margin-left: 0.5rem;
margin-top: 0.9375rem; margin-top: 0.9375rem;
margin-right: 0;
} }
.circleIcon { .circleIcon {
margin: 0;
color: white; color: white;
background: transparent; background: transparent;
border: 1.75px solid #fff; border: 1.75px solid #fff;
@ -111,7 +111,6 @@ h1 {
/* background-size: contain; */ /* background-size: contain; */
color: white; color: white;
margin: 0;
padding: 0; padding: 0;
} }
@ -131,19 +130,14 @@ h1 {
} }
.middleSection { .middleSection {
margin: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.siteBlurb { .siteBlurb {
margin:0;
margin-top: 0.9375rem; margin-top: 0.9375rem;
text-align: center; text-align: center;
/* line-height: 2rem;
font-weight: 400; */
} }
.siteBlurb h1 { .siteBlurb h1 {
@ -178,7 +172,6 @@ h1 {
.socialButtonsSection { .socialButtonsSection {
/* display: block; */ /* display: block; */
text-align: center; text-align: center;
margin:0;
margin-top: 3rem; margin-top: 3rem;
} }
@ -186,11 +179,9 @@ h1 {
/* padding: 0.5rem; */ /* padding: 0.5rem; */
margin-left: 0.375rem; margin-left: 0.375rem;
margin-top: 0.9375rem; margin-top: 0.9375rem;
margin-right: 0;
} }
.circleIcon { .circleIcon {
margin: 0;
padding: 0; padding: 0;
color: white; color: white;
background: transparent; background: transparent;