🍡💶 Checkpoint

./public/style.css:617503/3179
./public/illustration.svg:617503/38701
./public/index.html:617503/252
This commit is contained in:
Glitch (hello-express) committed 2020-10-23 19:46:58 +00:00
1 parent ea3b474ffa
commit e4e99884ee
3 files changed
+59 -33

No files matched your search

+18 -11
View File
@@ -1,18 +1,20 @@
/* Our CSS values that we'll use in the rest of our styling */
:root {
--main-bg-color: #69F7BE;
--main-text-color: #373fff;
--main-bg-color: #694DFF;
--main-text-color: #2800FF;
}
@font-face {
font-family: HK Grotesk;
src: url("https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2FHKGrotesk-Regular.otf?v=1602782380076") format("opentype");
font-family: HK Grotesk;
src: url("https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2FHKGrotesk-Regular.otf?v=1602782380076")
format("opentype");
}
@font-face {
font-family: HK Grotesk;
font-weight: bold;
src: url("https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2FHKGrotesk-Bold.otf?v=1602782484249") format("opentype");
font-family: HK Grotesk;
font-weight: bold;
src: url("https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2FHKGrotesk-Bold.otf?v=1602782484249")
format("opentype");
}
body {
@@ -20,6 +22,12 @@ body {
background-color: var(--main-bg-color);
}
/* Reset margin and padding on our titles */
h1 {
margin: 0;
padding: 0;
}
.title {
color: var(--main-text-color);
font-family: HK Grotesk;
@@ -51,7 +59,7 @@ body {
.btn--remix {
font-family: HK Grotesk;
padding: .5rem .75rem;
padding: 0.5rem 0.75rem;
font-size: 1.1rem;
line-height: 1rem;
font-weight: 500;
@@ -65,10 +73,9 @@ body {
}
.btn--remix img {
margin-right: .75rem;
margin-right: 0.75rem;
}
.illustration {
max-width: 100%;
max-width: 60%;
}