diff --git a/assets/style.css b/assets/style.css
index 0bcfdb0..0b2d196 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -3,18 +3,17 @@
font-feature-settings: 'liga' 1, 'calt' 1;
}
body {
- padding: 2rem;
font-size: 1.05rem;
line-height: 1.5;
- text-align: center
}
h1 {
- font-size: 4rem;
+ margin: 0;
+ font-size: 2.75rem;
line-height: 1;
letter-spacing: -0.03em;
}
h2 {
- font-size: 2.75rem;
+ font-size: 1.35rem;
line-height: 1;
letter-spacing: -0.03em;
}
@@ -22,36 +21,73 @@ a {
color: black;
text-decoration: none;
}
-.motto {
- margin: auto;
- padding: 1em;
- width: 18em;
- border: 1px solid black;
- border-radius: .33em;
- text-align: center;
- font-size: 1.55rem;
- line-height: 1.3;
+.home{
+ position: absolute;
+ left: 2em;
+ top: 2em;
+ right: 2em;
+ bottom: 2em;
}
.contact-container {
display: flex;
flex-wrap: wrap;
- justify-content: center;
+ justify-content: left;
}
.contact-container > div {
- margin: .33em;
+ margin-top: .33em;
+ margin-right: .33em;
padding: .33em;
+ padding-top: 0;
+ padding-bottom: 0;
background-color: #f0f0f0;
border-radius: .33em;
}
+.motto {
+ margin-top: 1em;
+ margin-bottom: 1em;
+ font-size: 1.35rem;
+ line-height: 1.3;
+ font-weight: 500;
+}
.button {
- margin: auto;
+ margin-top: 0;
+ margin-bottom: 1em;
padding: 1em;
- width: 16em;
+ padding-left: 2em;
color: white;
background-color: black;
border-radius: .33em;
- text-align: center;
cursor: pointer;
display: block;
+ font-size: 1.35rem;
font-weight: bold;
}
+.button:hover {
+ background-color: #636363;
+}
+@media only screen and (min-width: 768px) {
+ h1 {
+ font-size: 4rem;
+ }
+ h2 {
+ font-size: 2.75rem;
+ }
+ .home{
+ margin-left: 2em;
+ display: grid;
+ grid-auto-flow: column;
+ align-items: center;
+ grid-template-columns: repeat(2, 1fr);
+ }
+ .motto {
+ margin: 2em;
+ }
+ .button {
+ margin-left: 2em;
+ margin-top: 0;
+ margin-right: 2em;
+ margin-bottom: 1em;
+ padding: 1em;
+ padding-left: 2em;
+ }
+}
diff --git a/layouts/index.html b/layouts/index.html
index e5453b2..75e367e 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -2,6 +2,7 @@
+
{{ $style := resources.Get "style.css" | minify }}
@@ -9,16 +10,18 @@
{{ .Site.Title }}
-
-