135 lines
No EOL
2.3 KiB
SCSS
135 lines
No EOL
2.3 KiB
SCSS
//headings
|
|
@font-face {
|
|
font-family: RobotoSlab-Regular;
|
|
src: url('/fonts/RobotoSlab-Regular.ttf') format('opentype');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: RobotoSlab-Medium;
|
|
src: url('/fonts/RobotoSlab-Regular.ttf') format('opentype');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: RobotoSlab-Bold;
|
|
src: url('/fonts/RobotoSlab-Bold.ttf') format('opentype');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: RobotoSlab-Black;
|
|
src: url('/fonts/RobotoSlab-Black.ttf') format('opentype');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: AtomicAge-Regular;
|
|
src: url('/fonts/AtomicAge-Regular.ttf') format('opentype');
|
|
}
|
|
|
|
//non-headings
|
|
@font-face {
|
|
font-family: Montserrat-Regular;
|
|
src: url('/fonts/Montserrat-Regular.ttf') format('opentype');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Montserrat-Light;
|
|
src: url('/fonts/Montserrat-Light.ttf') format('opentype');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Montserrat-Italic;
|
|
src: url('/fonts/Montserrat-Italic.ttf') format('opentype');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Montserrat-Bold;
|
|
src: url('/fonts/Montserrat-Bold.ttf') format('opentype');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Montserrat-SemiBold;
|
|
src: url('/fonts/Montserrat-SemiBold.ttf') format('opentype');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Orbitron-Regular;
|
|
src: url('/fonts/Orbitron-Regular.ttf') format();
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-family: AtomicAge-Regular;
|
|
letter-spacing: 2px;
|
|
}
|
|
|
|
h1 {
|
|
|
|
font-size: 2rem;
|
|
|
|
@media screen and (min-width: 600px) {
|
|
font-size: 3rem;
|
|
}
|
|
}
|
|
|
|
h2 {
|
|
font-size: 1.75rem;
|
|
|
|
@media screen and (min-width: 600px) {
|
|
font-size: 2.5rem;
|
|
}
|
|
}
|
|
|
|
h3 {
|
|
font-size: 1.5rem;
|
|
|
|
@media screen and (min-width: 600px) {
|
|
font-size: 2rem;
|
|
}
|
|
}
|
|
|
|
h4 {
|
|
font-size: 1.25rem;
|
|
|
|
@media screen and (min-width: 600px) {
|
|
font-size: 1.5rem;
|
|
}
|
|
}
|
|
|
|
h5 {
|
|
font-size: 1rem;
|
|
|
|
@media screen and (min-width: 600px) {
|
|
font-size: 1.25rem;
|
|
}
|
|
}
|
|
|
|
h6 {
|
|
font-size: 1rem;
|
|
|
|
@media screen and (min-width: 600px) {
|
|
font-size: 1em;
|
|
}
|
|
}
|
|
|
|
p, a, li, span {
|
|
font-family: RobotoSlab-Regular;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
strong {
|
|
font-family: Montserrat-Bold;
|
|
}
|
|
|
|
em {
|
|
font-family: Montserrat-Italic;
|
|
}
|
|
|
|
u {
|
|
font-family: Montserrat-SemiBold;
|
|
}
|
|
|
|
cite, q, small {
|
|
font-family: Orbitron-Regular;
|
|
}
|
|
|
|
s {
|
|
font-family: Montserrat-SemiBold;
|
|
} |