:root{--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255;--header-height:60px;--footer-height:50px;--primaray-color:#784af4}@media (prefers-color-scheme:dark){:root{--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0;--primaray-color:#784af4;--base-color:#fff}}body{color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb));margin:0;scroll-behavior:smooth}main{min-height:calc(100vh - var(--header-height) - var(--footer-height) - 1px - 1px);display:flex;justify-content:center;align-items:center}body a{text-decoration:none;margin:10px;font-size:1.2em;color:rgb(var(--foreground-rgb))}body a:hover{cursor:pointer;border-top:2px solid var(--primaray-color)}.lds-circle{position:absolute;height:98vh;width:100vw;display:flex;justify-content:center;align-items:center;transform:translateZ(1px)}.lds-circle>div{display:inline-block;width:64px;height:64px;margin:8px;border-radius:50%;background:rgb(var(--foreground-rgb));animation:lds-circle 3s cubic-bezier(0,.2,.8,1) infinite}@keyframes lds-circle{0%,to{animation-timing-function:cubic-bezier(.5,0,1,.5)}0%{transform:rotateY(0deg)}50%{transform:rotateY(5turn);animation-timing-function:cubic-bezier(0,.5,.5,1)}to{transform:rotateY(10turn)}}footer{height:var(--footer-height);justify-content:left;color:#fff;font-weight:600;align-items:center;border-bottom:1px solid #784af4}footer,footer .f-col{display:flex;justify-content:center}footer .f-col{flex:1}footer .f-col a{margin:0 20px}header{height:var(--header-height);display:flex;justify-content:space-between;color:#fff;font-size:1.5em;font-weight:700;align-items:center;border-bottom:1px solid #784af4}header a{margin:0 10px}header a :hover{border-top:none}