Simplified CSS a little. More to do.
This commit is contained in:
parent
ad392253b6
commit
8bd12b25cb
|
@ -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;
|
||||||
|
|
Reference in New Issue