mirror of
https://koodu.h-i.works/projects/thebadspace
synced 2025-05-06 14:41:02 -05:00
8b3735a310
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;
|
|
}
|