Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Universal Styles */
- html {
- font-size: 16px;
- font-family: "Arial", sans-serif;
- }
- body {
- background-color: #F2F2F2;
- }
- h1 {
- color: white;
- font-size: 28px;
- font-family: Georgia;
- text-transform: uppercase;
- text-align: center;
- }
- h2 {
- font-size: 24px;
- font-weight: 700;
- line-height: 2.5;
- font-family: Georgia;
- word-spacing: 0.05em;
- letter-spacing: 0.02em;
- }
- a {
- text-decoration: none;
- }
- p {
- margin: 16px 0;
- font-family: Helvetica;
- }
- strong {
- font-weight: bold;
- }
- #serif, /* Offset linked sections to account for header. */
- #sans,
- #mono {
- padding-top: 77px;
- margin-top: -77px;
- }
- /* Header */
- .header {
- font-family: "Arial", sans-serif;
- font-size: 14px;
- line-height: 1.25;
- background-color: #fff;
- position: fixed;
- top: 0;
- width: 100%;
- font-weight: 900;
- }
- .header li {
- display: inline-block;
- }
- .header a {
- display: block;
- color: #4A4A4A;
- padding: 30px 20px;
- }
- a.home {
- color: #4D00FF;
- }
- /* Banner Section */
- .banner {
- background-color: #4D00FF;
- padding: 100px 0;
- margin-top: 77px;
- text-align: center;
- font-weight: bold;
- line-height: 1.4;
- }
- .banner p {
- border-top: 1px solid #fff;
- border-bottom: 1px solid #fff;
- padding: 10px;
- color: #ffffff;
- }
- /* Editorial Sections */
- .editorial {
- padding: 20px;
- margin: 20px 0;
- text-align: center;
- color: #4C4C4C;
- }
- /* Font Card Sections */
- .font-card {
- background-color: #ffffff;
- margin: 50px 0;
- padding: 20px 50px;
- }
- .font-card .creator {
- font-size: 20px;
- line-height: 1.25;
- font-style: italic;
- }
- .sample {
- display: inline-block;
- padding: 0 20px;
- margin: 20px;
- }
- .sample h2 {
- line-height: 1.5;
- }
- .sample .text {
- color: #4D00FF;
- font-size: 100px;
- }
- .garamond .sample .text {
- font-family: garamond
- /* Add styles for the Helvetica font here */
- /* Add styles for the Space Mono font here */
- .bold {
- font-weight: 900;
- }
- .regular {
- font-weight: normal;
- }
- .italic {
- font-weight: normal;
- font-style: italic;
- }
- /* Media Queries */
- @media only screen and (max-width: 535px) {
- .header {
- font-size: 14px;
- }
- .header a {
- padding: 30px 20px;
- }
- a.home {
- display: none;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement