.app-header{color:var(--text);background:radial-gradient(circle at 50% -50%, #592f5f 40%, var(--dark-purple) 70%)}.app-header .wave-ribbon{z-index:1;background:url(/wave-ribbon.svg) bottom/cover no-repeat;width:100%;height:70vh;margin-bottom:-1px}.app-header .letter-x{text-align:center;color:color-mix(in srgb, var(--dark-purple) 20%, transparent);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:40rem;position:absolute;left:50%;transform:translate(-50%,-50%)}
.app-footer{color:var(--text);background:radial-gradient(circle at 50% -50%,#25454f 40%,#101f37 70%);position:relative}.app-footer:before{content:"";z-index:10;background:url(/wave-linear.svg) bottom/100% 100% no-repeat;width:100%;height:200px;position:absolute;top:-100px}.app-footer .letter-x{text-align:center;color:#251d3d33;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:40rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}