*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100vh;overflow:hidden}body{max-width:100vw;position:relative}body:after{content:"";display:block;width:480px;min-width:480px;height:100vh;position:absolute;bottom:0;left:calc(100vw - 240px);z-index:-1;transform:skew(-35deg);background-color:#272727;transition:all 500ms linear}@media (max-width:599px){body:after{left:calc(100vw - 50px)}}body:before,header>h1:after{position:absolute;top:0;display:block;content:""}body:before{width:220px;height:100vh;left:0;z-index:-1;transform:skew(-35deg);background-color:#010101}.layout{overflow-y:auto;max-height:100vh}header>h1,main>h1{font-size:24px;font-weight:700}header>h1{line-height:32px;display:block;position:relative;padding:12px 30px;overflow:hidden;margin:0}header>h1>span{position:relative;z-index:2}header>h1:after{min-width:200px;left:-20px;bottom:0;transform:skewX(-35deg);width:calc(75% - 30px);z-index:1;background:linear-gradient(0deg,#e73640 0,#e73642 100%)}main>h1{line-height:28px}main>h2{letter-spacing:-.025em;font-weight:400;margin-bottom:0}p,p>span{font-weight:300}main>h2,p{font-size:18px;line-height:24px}p{margin-top:0;letter-spacing:.025em;display:inline-block}p>span{font-size:12px;line-height:14px;display:block;text-align:right;margin:0;color:rgba(255,255,255,.6)}.wrapper{max-width:600px;min-height:100vh;width:100%;margin:0 auto;padding:20px 0;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center}@media (max-width:599px){.wrapper{max-width:100%}}.wrapper .content{padding:0 30px}