button,.button{color:#f5f5f5;padding:.75em 1.5em;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff0d;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);box-shadow:0 0 161px 6px #4936d361;transition:all .5s;cursor:pointer;text-decoration:none;-webkit-user-select:none;user-select:none}@media (any-hover){button:hover,.button:hover{color:#f0f8ff;background:#ffffff1a;text-shadow:0 0 5px aliceblue,0 0 20px rgb(38,1,172),0 0 30px rgb(38,1,172),0 0 75px rgb(38,1,172);box-shadow:0 0 161px 6px #2610cccc}button:active,.button:active{background:#ffffff40;box-shadow:0 0 161px 6px #2610cc}}@keyframes errorIconGlow{to{text-shadow:0 0 5px black,0 0 20px red,0 0 30px red,0 0 75px red}}.error-icon{color:#f08080;font-size:2em;animation:errorIconGlow 2s forwards}@property --bg-first-opacity{syntax: "<percentage>"; inherits: false; initial-value: 50%;}@property --bg-first-x{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --bg-first-y{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@property --bg-second-opacity{syntax: "<percentage>"; inherits: false; initial-value: 50%;}@property --bg-second-x{syntax: "<percentage>"; inherits: false; initial-value: 50%;}@property --bg-second-y{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@keyframes bodyBG{20%{--bg-first-opacity: 35%;--bg-first-x: 50%;--bg-first-y: 75%;--bg-second-opacity: 75%;--bg-second-x: 85%;--bg-second-y: 68%}60%{--bg-first-x: 0%;--bg-first-y: 45%}0%,80%{--bg-first-opacity: 50%;--bg-first-x: 100%;--bg-first-y: 0%;--bg-second-opacity: 50%;--bg-second-x: 50%;--bg-second-y: 100%}}html,body{font-family:Switzer,sans-serif;background-color:#000;color:#f5f5f5;overflow-x:hidden;scrollbar-color:whitesmoke transparent;scrollbar-width:thin}body{width:100vw;height:100vh;margin:0;background:radial-gradient(circle at var(--bg-first-x) var(--bg-first-y),rgb(40,22,49) 0,transparent var(--bg-first-opacity)),radial-gradient(circle at var(--bg-second-x) var(--bg-second-y),rgb(18,0,27) 0,rgb(0,0,0) var(--bg-second-opacity));box-shadow:inset 0 0 1000px 26vw #4c00ff03;animation-name:bodyBG;animation-duration:15s;animation-delay:.5s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.175,.885,.32,1.275)}.body-flex{width:100vw;height:100vh;display:flex;align-items:center;flex-direction:column;background-color:#ffffff03}.content-container{flex-grow:1;width:100vw;display:flex;justify-content:center;align-items:center;text-align:center;overflow-y:hidden;transition:all .25s}@media (min-width: 1000px){html,body{overflow-y:hidden;font-size:1.1em}.content{position:relative;width:max-content;max-height:50%;margin-bottom:10px;padding:5em 10em;border:2px solid #1d1f22;border-radius:15px;overflow-y:auto;background-color:#4a07640c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 1000px 6px #6d2fb51f}@property --glow-opacity{inherits: false; initial-value: 0;}@media (pointer: fine){.cursor-glow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;pointer-events:none;opacity:var(--glow-opacity);background:radial-gradient(600px circle at var(--glow-x) var(--glow-y),rgba(134,111,170,.15),transparent 50%);transition:opacity .5s ease-out}}}@media (max-width: 1000px){body,.body-flex{height:unset;min-height:100vh}.content-container{height:95%;overflow:auto;margin-bottom:10px}.content{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 30px}}nav.svelte-rfuq4y{display:flex;justify-content:center;align-items:center;position:relative;width:100vw;padding:15px 0;box-shadow:0 0 173px 62px #7f56ad59;transition:all .25s}.nav-title.svelte-rfuq4y{font-size:.8em;color:#d5dadd}.nav-list.svelte-rfuq4y{display:flex;list-style-type:none;gap:3em;margin:0;padding:0}.nav-link.svelte-rfuq4y{color:#f5f5f5;text-decoration:none}.nav-item.svelte-rfuq4y{transition:all .5s}@media (min-width: 690px){.nav-title.svelte-rfuq4y{position:absolute;left:15px}}@media (max-width: 690px){nav.svelte-rfuq4y{flex-direction:column;gap:7px;padding:6.5px 0}.nav-list.svelte-rfuq4y{gap:1em}}@media (any-hover){.nav-item.svelte-rfuq4y:hover{color:#f0f8ff;text-shadow:0 0 5px aliceblue,0 0 10px aliceblue,0 0 15px aliceblue,0 0 20px rgb(38,1,172),0 0 30px rgb(38,1,172),0 0 40px rgb(38,1,172),0 0 55px rgb(38,1,172),0 0 75px rgb(38,1,172)}}
