body::before{content:"";display:block;width:120vw;height:300px;position:fixed;top:calc(50% - 150px);left:-10vw;background-color:var(--color-key);transform:skew(0,-10deg);box-shadow:0 0 20px 5px rgba(32,32,32,.2);z-index:-2}body::after{content:"";display:block;width:100%;height:100vh;position:absolute;top:0;left:0;background-image:linear-gradient(#f5f5f5 0 80%,transparent);z-index:-1}article h2{position:relative;border:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:var(--color-key)}article h2::first-letter{font-size:1.5em}article h2::before{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:30%;background-image:linear-gradient(to right,var(--color-key-accent) 80%,transparent);mix-blend-mode:multiply;transform:skew(55deg,0);border-radius:10px}article h3{position:relative;padding-left:25px;border:none}article h3::after,article h3::before{content:"";display:block;position:absolute;border-radius:100%}article h3::before{background-color:var(--color-key);width:20px;height:20px;top:12px;left:0}article h3::after{background-color:var(--color-key-accent);border:1px solid var(--color-key);width:8px;height:8px;top:13px;left:13px}tfoot .style_th,thead .style_th{color:#f5f5f5;background-color:var(--color-key)}.style_table{border:1px solid var(--color-key);border-collapse:collapse}.style_table tr:not(:first-of-type){border-top:1px solid rgba(59,128,139,.1)}