forked from projects/thebadspace
c087d00a2b
Swithced the main nav to a mobile layout to cut down on complex responsive styling to make the heaader work. Also began touching up site wide responsive styles so the site works on multiple devices.
69 lines
1.5 KiB
CSS
69 lines
1.5 KiB
CSS
/* RUBIK */
|
|
@font-face {
|
|
font-family: rubik;
|
|
src: url("fonts/Rubik/rubik-light.ttf") format("truetype"),
|
|
url("fonts/Rubik/rubik-light.woff") format("woff"),
|
|
url("fonts/Rubik/rubik-light.woff2") format("woff2");
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: rubik;
|
|
src: url("fonts/Rubik/rubik-regular.ttf") format("truetype"),
|
|
url("fonts/Rubik/rubik-regular.woff") format("woff"),
|
|
url("fonts/Rubik/rubik-regular.woff2") format("woff2");
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: rubik;
|
|
src: url("fonts/Rubik/rubik-medium.ttf") format("truetype"),
|
|
url("fonts/Rubik/rubik-medium.woff") format("woff"),
|
|
url("fonts/Rubik/rubik-medium.woff2") format("woff2");
|
|
font-weight: 500;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: rubik;
|
|
src: url("fonts/Rubik/rubik-bold.ttf") format("truetype"),
|
|
url("fonts/Rubik/rubik-bold.woff") format("woff"),
|
|
url("fonts/Rubik/rubik-bold.woff2") format("woff2");
|
|
font-weight: 600;
|
|
font-style: normal;
|
|
}
|
|
|
|
:root {
|
|
--base-type: rubik, helvetica, arial, sans-serif;
|
|
--mono-type: "Lucida Console", monaco, monospace;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2.5em;
|
|
font-weight: 600;
|
|
font-kerning: normal;
|
|
letter-spacing: -5px;
|
|
text-transform: uppercase;
|
|
line-height: 0.75em;
|
|
margin: 0;
|
|
position: absolute;
|
|
bottom: 20px;
|
|
width: 70%;
|
|
overflow-wrap: break-word;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 1.5em;
|
|
font-weight: 500;
|
|
line-height: 0.8em;
|
|
color: var(--white);
|
|
margin: 30px 0;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 1.5em;
|
|
font-weight: 300;
|
|
}
|