#240975
#9a88cf
#f98562
#f9b19b
#62a9fd
#aad0fd
#e0e4e6
Raleway thin
font-weight: 100
The quick brown fox jumped over the lazy dog
Raleway extra light
font-weight: 200
The quick brown fox jumped over the lazy dog
Raleway
font-weight: 400
The quick brown fox jumped over the lazy dog
Raleway bold
font-weight: bold
The quick brown fox jumped over the lazy dog
Raleway italic
font-weight: 400
The quick brown fox jumped over the lazy dog
Raleway italic bold
font-weight: bold
The quick brown fox jumped over the lazy dog
Florence
font-weight: 400
The quick brown fox jumped over the lazy dog
Florence bold
font-weight: bold
The quick brown fox jumped over the lazy dog
The quick brown fox
jumped over the lazy dog
The quick brown fox jumped over the lazy dog
The quick brown fox jumped over the lazy dog
The quick brown fox jumped over the lazy dog
The quick brown fox jumped over the lazy dog
The quick brown fox jumped over the lazy dog
The quick brown fox jumped over the lazy dog
The quick brown fox jumped over the lazy dog
The quick brown fox jumped over the lazy dog
anchor (visited)
anchor (visited)
@media only screen and (min-resolution: 200dpi) {
html {
font-size: 16px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1799px) {
header #split-nav {
grid-template-columns: 1fr 200px 1fr;
}
}
@media only screen and (max-width: 1399px) {
nav#left, nav#right {
display: none;
}
header #split-nav {
grid-template-columns: 1fr;
}
}
@media only screen and (min-width: 1400px) {
nav#narrow-nav {
display: none;
}
}
@media only screen and (max-width: 1699px) {
header nav li {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
}
@media only screen and (max-width: 1499px) {
header nav li {
padding-left: 2rem;
padding-right: 2rem;
line-height: 1.4;
}
}
@media only screen and (max-width: 767px) {
header nav {
display: none;
}
}
@media only screen and (min-width: 950px) {
#mobile-menu-open {
display: none;
}
}
@media only screen and (max-width: 949px) {
header {
grid-template-columns: 1fr;
}
header nav {
display: none;
}
}
.white {
color: #fff;
}
.bg-white {
background-color: #fff;
}
.purple {
color: #240975;
}
.bg-purple {
background-color: #240975;
}
.pale-purple {
color: #7756db;
}
.bg-pale-purple {
background-color: #7756db;
}
.orange {
color: #f98562;
}
.bg-orange {
background-color: #f98562;
}
.pale-orange {
color: #f9b19b;
}
.bg-pale-orange {
background-color: #f9b19b;
}
.blue {
color: #62a9fd;
}
.bg-blue {
background-color: #62a9fd;
}
.pale-blue {
color: #aad0fd;
}
.bg-pale-blue {
background-color: #aad0fd;
}
.grey {
color: #e0e4e6;
}
.bg-grey {
background-color: #e0e4e6;
}
.small-quote {
line-height: 2;
}
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.oblique {
font-style: oblique;
}
.uppercase {
text-transform: uppercase;
}
.center {
text-align: center;
}
.small {
font-size: 0.8rem;
}
.remove-padding-bottom {
padding-bottom: 0;
}
.remove-margin-bottom {
margin-bottom: 0;
}
.margin-top-1 {
margin-top: 1rem;
}
.margin-top-2 {
margin-top: 2rem;
}
.indent-2 {
margin-left: 2rem;
}
.hidden,
.hide {
display: none;
}