@charset "utf-8" // Set your brand colors $dblue: #1c2d61 $infoblue: #193e74 $dred: #9c0011 $dwhite: #f0f8ff $code: $dblue $pre: $dblue @import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700') @import url('https://fonts.googleapis.com/css?family=Montserrat:400,600') @import url('https://fonts.googleapis.com/css?family=Source+Code+Pro:400') // Update Bulma's global variables $family-serif: "Libre Baskerville",serif $family-sans-serif: "Montserrat", sans-serif $family-monospace: "Source Code Pro",monospace //$family-primary: $family-serif /* $grey-dark: $brown; /* $grey-light: $beige-light; $primary: $dred $info: $infoblue //josh-rose-trYl7JYATH0-unsplash //tersius-van-rhyn-xcQWMPm9fG8-unsplash //cassie-boca-x-tbVqkfQCU-unsplash //jf-martin-Ofs3LjEUcrk-unsplash // background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 1)), url(img/jf-martin-Ofs3LjEUcrk-unsplash.jpg) //jesse-gardner-EqdpXeemf58-unsplash #hero-main background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 1)), url('img/jf-martin-Ofs3LjEUcrk-unsplash.jpg') background-size: 100% 100% background-repeat: no-repeat .hero-body h1, h2, p text-shadow: -2px -2px black color: #fff .main-title font-size: 4rem .card.full-height height: 100% &:hover box-shadow: 1px 1px 3px $info; h1 font-family: $family-serif .doc h1 border-bottom: 1px solid #ccc padding-bottom: 0.15em a.zola-anchor padding-left: 0.75rem display: none font-family: $family-monospace h1:hover a.zola-anchor display: inline h2:hover a.zola-anchor display: inline h3:hover a.zola-anchor display: inline h4:hover a.zola-anchor display: inline nav.breadcrumb background: $dwhite padding-top: 0.25rem padding-bottom: 0.25rem a font-weight: bold color: $dblue &:hover color: black span.unsplash-credit color: #555 margin-right: 0.5em float: right font-size: smaller a color: #555 &:hover color: #777 //import all of bulma @import "../../node_modules/bulma/bulma.sass" p.has-text color: $text .card.full-height .card-content height: 100% .content.doc font-size: 1.1em max-width: $desktop text-align: left .content.narrow-center margin-left: auto margin-right: auto max-width: $tablet