html{background:#050816;height:100%;width:100%;overflow:hidden}body{color:#fff;font-family:Arial,sans-serif;margin:0;height:100%;width:100%;overflow:hidden}header{position:fixed;z-index:10;display:flex;flex-direction:row;width:100%}footer{position:fixed;z-index:1;bottom:0;height:50px;width:100%;display:flex;flex-direction:row;justify-content:center}img{max-width:100%;height:auto;object-fit:scale-down;border-radius:10px;display:inline-block;vertical-align:middle}a:link,a:visited,a:active,a:hover{background-color:#659bff;text-decoration:none;color:#fff}.link{display:inline-block;padding:5px;border-radius:10px;transition:all 1s ease}.link:hover{background-color:#97bafc;box-shadow:0 0 15px #4d88f7,0 0 30px #4d88f7}.iconSVG{margin:5px;font-size:25px;display:inline-block;vertical-align:middle}#show{margin:0;padding:5px;border-radius:0 0 10px}#show>iconify-icon{font-size:25px}button,.btn{-webkit-user-select:none;user-select:none;margin:5px;padding:10px;border:none;border-radius:10px;background-color:#659bff;transition:all 1s ease}button:hover,.btn:hover{cursor:pointer;background-color:#97bafc;box-shadow:0 0 15px #4d88f7,0 0 30px #4d88f7}iframe{border-radius:10px}#page{z-index:1;position:absolute;display:flex;flex-direction:column;align-items:center;top:0;left:0;width:100%;height:100%;overflow:hidden;scale:0;transition:all .5s}#eclipse{pointer-events:none;position:absolute;background:radial-gradient(circle,rgba(0,0,0,.999) 0%,rgba(0,0,0,.8) 80%,rgba(0,0,0,.3) 90%,transparent 100%);border-radius:100%;opacity:.75}section{display:flex;flex-direction:column;margin:10px 5% 100px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:20px;min-width:90%;overflow:hidden;height:5000px;box-shadow:0 0 5px #4d88f7,0 0 10px #4d88f7}section>#content{padding:10px;height:100%;overflow-x:hidden;overflow-y:auto}#title{-webkit-user-select:none;user-select:none;margin:10px;padding:10px 20px;font-size:20px;border-radius:20px;box-shadow:0 0 10px #4d88f7,0 0 20px #4d88f7}.warn{margin:5px;padding:10px;border-radius:10px;text-align:center;color:red;background:orange}.dataTextContent{font-size:medium;margin:20px 10px;max-height:0;overflow:hidden;transition:max-height .5s ease}.dataTextContent.open{max-height:2500px}.content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#555;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#666}canvas{pointer-events:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:-1}#world{pointer-events:none;position:relative;overflow:visible;top:-100000px;left:-100000px;width:200000px;height:200000px}.star{pointer-events:none;position:absolute;border-radius:100%;height:100px;width:100px;display:flex;flex-direction:column;justify-content:center;align-items:center}.star:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.7;border-radius:100%;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:200px 200px}.eruption{pointer-events:none;position:absolute;z-index:-1;opacity:0;width:20%;height:50%;border-radius:50%;animation:eruption}@keyframes eruption{0%{opacity:0;transform:translateY(-80%) scale(0)}60%{opacity:1}75%{opacity:1;transform:translateY(-135%) scale(1.2)}80%{opacity:0}to{opacity:0;transform:translateY(-80%) scale(.2)}}