👚🚍 Checkpoint

./style.css:617503/665
This commit is contained in:
Glitch (hello-webpage)
2020-10-15 17:46:51 +00:00
parent 34487b8267
commit b866530cd8

View File

@ -2,6 +2,13 @@
:root { :root {
--main-bg-color: #69F7BE; --main-bg-color: #69F7BE;
--main-text-color: #373fff; --main-text-color: #373fff;
--wrapper-height: 95vh;
}
@media screen and (max-width: 750px) {
:root {
--wrapper-height: 120vh;
}
} }
@font-face { @font-face {
@ -20,6 +27,7 @@ body {
background-color: var(--main-bg-color); background-color: var(--main-bg-color);
} }
.title { .title {
color: var(--main-text-color); color: var(--main-text-color);
font-family: HK Grotesk; font-family: HK Grotesk;
@ -29,8 +37,9 @@ body {
line-height: 105%; line-height: 105%;
} }
.wrapper { .wrapper {
min-height: 95vh; min-height: var(--wrapper-height);
display: grid; display: grid;
place-items: center; place-items: center;
} }
@ -69,7 +78,7 @@ body {
margin-right: .75rem; margin-right: .75rem;
} }
/* Very light scaling for our illustration */
.illustration { .illustration {
max-width: 80%; max-width: 90%;
} }