.title{margin:1rem 0 5rem;color:#000;font-size:10rem;display:inline-block;background-image:linear-gradient(to right,var(--color-1),var(--color-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(var(--color-1) 5px -5px 0) drop-shadow(#000 0 0 1px) drop-shadow(var(--color-2) 5px -5px 0) drop-shadow(#000 0 0 1px);position:relative}.title:before{content:"";position:absolute;bottom:0;width:80%;height:10px;background:linear-gradient(to right,var(--color-1),var(--color-2));filter:drop-shadow(var(--color-1) 5px -5px 0)}.title:after{content:"";position:absolute;bottom:-2rem;right:-30px;width:5rem;height:10px;background:linear-gradient(to right,var(--color-2),var(--color-1));filter:drop-shadow(var(--color-1) 20vw -70px 0)}html{--bits-grey: #e9dad5;--bits-blue-dark: #2d5763;--bits-orange: #cc8654;--bits-blue-light: #97babc;--color-1: #e0c3fc;--color-2: #8ec5fc;--color-3: #607d8b;--color-base: #000;--color-middle: #333;--color-font: #fff}html{transition:.3s all ease-in-out;font-size:16px;background-color:var(--color-base);color:var(--color-font)}body{margin:0 1rem}*{box-sizing:border-box}*::selection{color:#000;background-color:#ff0}ul,li{list-style:none;padding:0}a{color:currentColor;display:inline-block;text-decoration:none}main{max-width:960px;margin:0 auto}