/* vim: fdm=marker */ @import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic&subset=latin,latin-ext); /* Flexboxing {{{ */ #cover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .title { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .byline { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .lozenge { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } /* }}} */ body { font-family: "Playfair Display", Georgia, serif; font-weight: 400; font-size: 100%; color: #b2d9e5; } #cover { background-image: url('../img/black-streak.jpg'); background-position: 0 0; background-size: 100% 100%; background-repeat: no-repeat; background-attachment: fixed; background-clip: border-box; background-color: black; } a { text-decoration: none; } a:link { color: #b2d9e5; } a:visited { color: #b2b2e5; } a:hover { color: #e5bfb2; } a:active { color: #e5e5b2; } li { list-style: none; } .title { text-transform: uppercase; text-align: center; font-size: 1.8em; letter-spacing: 0.5em; color: #efefb2; } .byline { font-style: italic; text-align: center; font-size: 1.3em; letter-spacing: 0.2em; color: #e5bfb2; } .lozenge { text-align: center; font-size: 1em; color: #e5bfb2; }