.notebook{position:relative;border-radius:.25rem;overflow:hidden;background-size:100% 1.5rem;line-height:1.5rem;background-image:linear-gradient(#e7e5e4 1px,transparent 1px);background-position:0 .9rem}@media (min-width: 768px){.notebook{background-position:0 .7rem}}.notebook:before{content:"";position:absolute;left:.75rem;top:0;bottom:0;width:6px;height:100%;border-left:1px solid #f87171;border-right:1px solid #f87171}.notebook .top{position:relative;top:0;left:0;right:0;width:100%;height:2rem;background:linear-gradient(to bottom,#1e5b86,#1c425e);box-shadow:0 0 6px 1px #00000080;clip-path:inset(0px -12px -12px -12px)}.notebook .svg-inline--fa{opacity:.5}