Revert "Simplified CSS a little. More to do."

This reverts commit 8bd12b25cb.
This commit is contained in:
Robert McGovern 2020-09-05 20:55:06 +01:00
parent be7a73d2b9
commit 75fcbb5355
1 changed files with 13 additions and 4 deletions

View File

@ -5,10 +5,6 @@
--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");
@ -16,6 +12,7 @@ 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;
} }
@ -45,6 +42,7 @@ h1 {
.siteBlurb h1 { .siteBlurb h1 {
margin-right: 2em; margin-right: 2em;
margin-bottom: 0;
} }
.siteBlurb p { .siteBlurb p {
@ -80,9 +78,11 @@ 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,6 +111,7 @@ h1 {
/* background-size: contain; */ /* background-size: contain; */
color: white; color: white;
margin: 0;
padding: 0; padding: 0;
} }
@ -130,14 +131,19 @@ 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 {
@ -172,6 +178,7 @@ h1 {
.socialButtonsSection { .socialButtonsSection {
/* display: block; */ /* display: block; */
text-align: center; text-align: center;
margin:0;
margin-top: 3rem; margin-top: 3rem;
} }
@ -179,9 +186,11 @@ 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;