@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: rgb(211, 160, 247);--bright-green: rgb(173, 126, 240);--bright-red: rgb(215, 186, 255);--background: black;--foreground: white;--border-size: 2px}@keyframes rotateBackground{to{--border-angle-1: 360deg}}@keyframes rotateBackground2{to{--border-angle-2: -270deg}}@keyframes rotateBackground3{to{--border-angle-3: 540deg}}.main-button{--border-angle-1: 0deg;--border-angle-2: 90deg;--border-angle-3: 180deg;color:inherit;font-size:calc(.8rem + 4vmin);font-family:inherit;border:0;padding:var(--border-size);display:flex;width:-moz-max-content;width:max-content;background-color:rgba(0,0,0,0);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}.header .main-button div{font-size:20px;padding:12px 20px}.main-button div{background:linear-gradient(89.17deg, rgba(80, 0, 191, 0.9) 0.71%, rgba(105, 0, 175, 0.9) 95.99%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:40px;color:var(--foreground);font-size:26px;padding:20px;outline:1px solid #6900af;transition:all .3s ease-in-out}.main-button div:hover{box-shadow:0px -8px 26px 0px rgba(255,255,255,.6) inset;transform:scale(1.05)}.section-last .main-button{margin-left:auto;margin-right:auto}