@import url('https://fonts.googleapis.com/css2?family=Bona+Nova:wght@400;700&family=Roboto&display=swap'); .serif-font { font-family: 'Bona Nova', serif; } body { // font-family: 'Trebuchet MS', Tahoma,sans-serif; // font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; // font-family: "Open Sans","Segoe UI",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; font-family: 'Roboto', sans-serif; font-weight: 300; margin: 0; font-size: 17px; line-height: 1.6; } * { box-sizing: border-box; } h1, h2, h3, .title { font-family: 'Bona Nova', serif; } h1 { font-size: 3rem; color: $secondary; margin-top: 3rem; margin-bottom: 1rem; } h2 { font-size: 1.75rem; color: $secondary; } a { color: darken($accent, 6%); } a:hover { opacity: 0.8; } .secondary-bg { h2 { color: white; } a { color: white; } color: white; .button { background-color: $background-secondary; color: white; &:hover { background-color: lighten($background-secondary, 14%); } } background-color: darken($background-secondary, 15%); } .separation-section { margin-top: 3rem; padding: 1.2rem 0; } .w-100 { width: 100px; } .w-200 { width: 200px; }