@property --border-angle-1{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --border-angle-2{syntax: "<angle>"; inherits: true; initial-value: 90deg;}@property --border-angle-3{syntax: "<angle>"; inherits: true; initial-value: 180deg;}:root{--bright-blue: #6cd8eb;--bright-green: #73ea98;--bright-red: #927bf6;--background: #dbdbdb;--foreground: white;--border-size: 6px;--border-radius: 0}@keyframes rotateBackground{to{--border-angle-1: 360deg}}@keyframes rotateBackground2{to{--border-angle-2: -270deg}}@keyframes rotateBackground3{to{--border-angle-3: 540deg}}.sexy-button{--border-angle-1: 0deg;--border-angle-2: 90deg;--border-angle-3: 180deg;color:inherit;font-size:24pt;font-family:inherit;border:0;padding:var(--border-size);display:flex;border-radius:var(--border-radius);background-color:transparent;background-image:conic-gradient(from var(--border-angle-1) at 10% 15%,transparent,var(--bright-blue) 10%,transparent 30%,transparent),conic-gradient(from var(--border-angle-2) at 70% 60%,transparent,var(--bright-green) 10%,transparent 60%,transparent),conic-gradient(from var(--border-angle-3) at 50% 20%,transparent,var(--bright-red) 10%,transparent 50%,transparent);animation:rotateBackground 3s linear infinite,rotateBackground2 8s linear infinite,rotateBackground3 13s linear infinite}.gradient-box{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);border-radius:calc(var(--border-radius) - var(--border-size));color:#000;background:#fff;width:100%;cursor:pointer;text-align:center}@font-face{font-family:Aspekta;font-weight:400;src:url(https://assets.codepen.io/240751/Aspekta-300.woff2) format("woff2")}html,body,#root{margin:0;height:100%;min-width:340px;overflow-x:hidden;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;overflow-y:hidden}ul{list-style:none;list-style-type:none}.page-box{height:100%;width:100%;position:absolute;top:0;left:0;transition:all .2s ease-in-out}.page-box.closed{top:100%}.content-box{height:100%;width:400px;margin:150px auto auto;-webkit-backdrop-filter:hue-rotate(26deg);backdrop-filter:hue-rotate(26deg);display:flex;flex-direction:column}#home-btn{height:100px;width:420px;position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:10;cursor:pointer}.external-link{height:40px;width:100px;font-size:12pt;line-height:40px;margin:50px auto 0}p{white-space:normal;overflow-wrap:break-word;width:80vw;margin-inline-start:5px;margin-inline-end:5px}