@import 'https://fonts.googleapis.com/css?family=Noto+Sans:400,700';#ribbon *{margin:0;padding:0}#ribbon body{background:#f0f0f0;font-family:noto sans,sans-serif}#ribbon h1{width:500px;height:100px;position:fixed;top:50%;left:50%;margin:-100px 0 0 -275px;font-size:3.2em;font-weight:700;text-align:center;text-transform:uppercase;line-height:100px;color:#aaa}#ribbon h2{width:500px;height:100px;position:fixed;top:50%;left:50%;margin:0 0 0 -225px;font-size:1.6em;font-weight:400;text-align:center;line-height:100%;color:#bbb}#ribbon .corner-ribbon{width:200px;background:#e43;position:absolute;top:25px;left:-50px;text-align:center;line-height:50px;letter-spacing:1px;color:#f0f0f0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}#ribbon .corner-ribbon.sticky{position:fixed}#ribbon .corner-ribbon.shadow{box-shadow:0 0 3px rgba(0,0,0,.3)}#ribbon .corner-ribbon.top-left{top:25px;left:-50px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}#ribbon .corner-ribbon.top-right{top:25px;right:-50px;left:auto;transform:rotate(45deg);-webkit-transform:rotate(45deg)}#ribbon .corner-ribbon.bottom-left{top:auto;bottom:25px;left:-50px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}#ribbon .corner-ribbon.bottom-right{top:auto;right:-50px;bottom:25px;left:auto;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}#ribbon .corner-ribbon.white{background:#f0f0f0;color:#555}#ribbon .corner-ribbon.black{background:#333}#ribbon .corner-ribbon.grey{background:#999}#ribbon .corner-ribbon.blue{background:#39d}#ribbon .corner-ribbon.green{background:#2c7}#ribbon .corner-ribbon.turquoise{background:#1b9}#ribbon .corner-ribbon.purple{background:#95b}#ribbon .corner-ribbon.red{background:#e43}#ribbon .corner-ribbon.orange{background:#e82}#ribbon .corner-ribbon.yellow{background:#ec0}