:root {
--bg-outer: #050508;
--bg-screen: #f4f5fa;
--bg-card: #ffffff;
--accent-purple: #681adc;
--accent-purple-light: rgba(104, 26, 220, 0.1);
--text-dark: #0a0b10;
--text-muted: #8e92a0;
--radius-panel: 24px;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: 'Inter', sans-serif;
}
.fa-bars:before, .fa-navicon:before {
content: "\f0c9";
}
.fa-home-alt:before, .fa-home-lg-alt:before, .fa-home:before, .fa-house:before {
content: "\f015";
}
body {
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
text-align: justify;
hyphens: auto;
flex-direction: column;
overflow-x: hidden;
}
h1, h2, .quest {
background: #f0e8fb;
color: var(--accent-purple);
width: fit-content;
padding: 5px 15px;
border-radius: 8px;
margin-bottom: 20px;
height:fit-content;
}
p {
margin-bottom:10px;
} .screen-container {
width: calc(100% - 40px);
height: 100%;
background-color: var(--bg-screen);
border-radius: 45px;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 20px 30px;
overflow: visible;
margin: 20px;
}
.screen-container:not(:first-child) {
margin:40px 20px;
} .grid-layout {
display: grid;
grid-template-columns: 1fr 1fr 300px;
grid-gap: 25px;
flex: 1;
margin-top: 15px;
margin-bottom: 15px;
height: calc(100% - 120px);
}
.grid-layout-rows {
display: grid;
grid-template-rows: auto;
grid-gap: 25px;
height: fit-content;
position: sticky;
top: 20px;
}
.main-hero-block {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
gap: 25px;
} .widget-panel {
background: var(--bg-card);
border-radius: var(--radius-panel);
padding: 20px;
box-shadow: 0 8px 24px rgba(160, 165, 180, 0.1);
display: flex;
flex-direction: column;
position: relative;
}
.widget-panel-2 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.widget-panel-2:first-child {
margin-top:0px;
}
.img-text {
max-width: 300px;
min-width:300px;
border-radius: 15px;
border: 2px solid var(--accent-purple);
filter: drop-shadow(2px 4px 6px black);
}
.widget-title {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--text-muted);
margin-bottom: 15px;
display: flex;
justify-content: space-between;
} .page-text-main {
display: grid;
grid-template-columns: 300px 1fr;
gap: 25px;
margin-top: 15px;
margin-bottom: 15px;
}
.soder {
height: fit-content;
text-align: left;
font-size: 14px;
position: sticky;
top: 20px;
display: flex;
flex-direction: column;
gap: 12px;
}
.soder a {
color: var(--text-dark) !important;
font-weight: 400 !important;
line-height: 1.4;
width:fit-content;
transition: all 0.25s ease;
}
.soder a:hover {
color: var(--accent-purple) !important;
}
.soder p {
font-size:13px;
max-width:300px;
text-align:center;
color: var(--accent-purple);
} @media (max-width: 768px) { .soder {
position: static; margin-top: 20px;
margin-bottom: 10px;
width: calc(100% - 0px) !important; box-sizing: border-box;
}
.page-text-main {
grid-template-columns: none;
}
} .nav-card {
flex: 1;
position: relative;
overflow: hidden;
justify-content: center;
align-items: stretch;
}
.nav-instruction {
font-size: 22px;
font-weight: 700;
color: var(--text-dark);
margin-top: 5px;
}
.nav-map-mock {
flex: 1;
margin-top: 15px;
background: #eef0f6;
border-radius: 16px;
position: relative;
overflow: hidden;
} .map-route-line {
position: absolute;
width: 100%;
height: 100%;
fill: none;
stroke: var(--accent-purple);
stroke-width: 6;
stroke-linecap: round;
} .center-cluster {
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
} .gauge-wrap {
position: relative;
width: 340px;
height: 340px;
margin: 0 auto;
}
.gauge-svg {
transform: rotate(-90deg);
width: 100%;
height: 100%;
}
.gauge-track {
fill: none;
stroke: #e1e3ed;
stroke-width: 8;
}
.gauge-active {
fill: none;
stroke: var(--accent-purple);
stroke-width: 8;
stroke-dasharray: 755;
stroke-dashoffset: 300; transition: stroke-dashoffset 0.1s ease;
}
.gauge-digital-center {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.main-hrefs div {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
filter: opacity(0.5);
width: fit-content;
}
.main-hrefs div:hover {
filter:none;
}        
.main-hrefs p {
margin: 0px;
}
.main-hrefs img {
height:40px;
} .status-item {
margin-bottom: 16px;
}
.status-meta {
display: flex;
justify-content: space-between;
font-size: 12px;
font-weight: 600;
color: var(--text-dark);
margin-bottom: 6px;
}
.status-meta span { color: var(--text-muted); text-transform: uppercase; font-size: 10px; min-width:100px;}
.progress-bar-container {
width: 100%;
height: 6px;
background: #e1e3ed;
border-radius: 3px;
overflow: hidden;
}
.progress-bar-fill {
height: 100%;
background: var(--accent-purple);
border-radius: 3px;
} .bottom-widgets-row {
display: grid;
grid-template-columns: 1fr 1fr 300px;
grid-gap: 25px;
}
.mini-flex-card {
background: var(--bg-card);
border-radius: var(--radius-panel);
padding: 15px 20px;
box-shadow: 0 8px 24px rgba(160, 165, 180, 0.1);
display: flex;
align-items: center;
gap: 15px;
} .media-widget {
justify-content: space-between;
}
.media-track-img {
width: 48px;
height: 48px;
border-radius: 12px;
object-fit: cover;
}
.media-controls {
display: flex;
align-items: center;
gap: 20px;
}
.media-btn {
background: none;
border: none;
font-size: 16px;
color: var(--text-dark);
cursor: pointer;
}
.media-btn.play-pause {
width: 36px;
height: 36px;
background: var(--accent-purple-light);
color: var(--accent-purple);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
} .mode-pill-box {
display: flex;
flex-direction: column;
background: #eef0f6;
padding: 4px;
border-radius: 20px;
width: 100%;
height: 100%;
justify-content: space-between;
}
.mode-btn {
background: transparent;
border: none;
padding: 6px;
border-radius: 16px;
font-size: 11px;
font-weight: 700;
color: var(--text-muted);
cursor: pointer;
text-transform: uppercase;
transition: all 0.2s;
}
.mode-btn.active {
background: var(--accent-purple);
color: white;
} .bottom-dock-nav {
height: 180px;
display: flex;
align-items: center;
gap: 50px;
justify-content: space-between;
}
.bottom-dock-nav > div {
display:flex;
flex-direction:row;
gap:25px;
}
.footer-menu {
box-shadow: 0 8px 24px rgba(160, 165, 180, 0.1);
background: #fff;
border-radius: 25px;
padding: 30px;
width: 100%;	
}
.right {
justify-content: flex-end;
}
.left {
justify-content: flex-start;
}
.dock-item {
color: var(--text-muted);
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
cursor: pointer;
text-decoration: none;
display: flex;
align-items: center;
gap: 8px;
}
.dock-item.active {
color: var(--accent-purple);
}
.dock-center-wheel {
width: 44px;
height: 44px;
background: var(--accent-purple);
color: white;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
margin-top: -15px;
box-shadow: 0 8px 20px rgba(104, 26, 220, 0.4);
} @media (max-width: 768px) {
body { align-items: flex-start; overflow-y: auto; }
.bottom-dock-nav {
height: 300px;
display: flex;
align-items: center;
gap: 25px;
justify-content: space-between;
flex-direction: column;
}
.grid-layout {
grid-template-rows: auto;
grid-template-columns: none !important;
}
section {
width: calc(100vw - 20px);
}
.screen-container {
width: calc(100% - 0px);
border-radius: 0px;
margin: 0px;
padding: 20px 10px;
}
.screen-container:not(:first-child) {
margin: 0px;
}
#compare-section-results {
grid-template-columns: none !important;
}
.bottom-widgets-row {
overflow: auto;
grid-template-rows: auto;
grid-gap: 10px;
grid-template-columns: none;
}
.star-description p.quest {
font-size: 15px;
}
.star-description p, 
.star-description ul li {
font-size: 13.5px;
text-align: left; }            
} #myDiv {
width: 100vw;
}
.solar-syst {
margin: 0 auto;
width: 100%;
overflow: hidden;
background: radial-gradient(ellipse at bottom, #1C2837 0%, #050608 100%);
background-attachment: fixed;
box-shadow: 1px 1px 3px 1px #80808061;
height:calc(100vh - 0px);
width:100%;
margin-left:0px;
position: relative;
}
@media (max-width:1024px) {
.solar-syst { 
width:calc(100vw);
margin-left:0px;
}
}
.orbit4:before {
background: #cf3921;
}
.orbit3:before {
background: #11abe9;
}
.orbit2:before {
background: #BEB768;
}
.orbit1:before {
background: #9f5e26;
}
.orbit5:before {
background: #c76e2a;
}
.orbit6:before {
background: #e7c194;
}
.orbit7:before {
background: #b5e3e3;
}
.orbit8:before {
background: #175e9e;
}
.solar-syst:after {
content: "";
position: absolute;
height: 2px;
width: 2px;
top: -2px;
background: white;
box-shadow: 1022px 1165px 0 0px rgba(255, 255, 255, 0.701) , 597px 1523px 0 0px rgba(255,255,255, 0.474) , 188px 236px 0 0px rgba(255,255,255, 0.036) , 181px 1589px 0 0px rgba(255,255,255, 0.302) , 1307px 1455px 0 0px rgba(255,255,255, 0.665) , 1562px 504px 0 0px rgba(255,255,255, 0.913) , 812px 323px 0 0px rgba(255,255,255, 0.091) , 1516px 884px 0 0px rgba(255,255,255, 0.45) , 74px 283px 0 0px rgba(255,255,255, 0.336) , 880px 251px 0 0px rgba(255,255,255, 0.736) , 1373px 899px 0 0px rgba(255,255,255, 0.822) , 820px 1781px 0 0px rgba(255,255,255, 0.04) , 1643px 183px 0 0px rgba(255,255,255, 0.192) , 1004px 1793px 0 0px rgba(255,255,255, 0.692) , 1367px 1786px 0 0px rgba(255,255,255, 0.156) , 114px 1243px 0 0px rgba(255,255,255, 0.395) , 1698px 1177px 0 0px rgba(255,255,255, 0.131) , 469px 1596px 0 0px rgba(255,255,255, 0.991) , 1677px 1657px 0 0px rgba(255,255,255, 0.293) , 1551px 1305px 0 0px rgba(255,255,255, 0.469) , 1456px 922px 0 0px rgba(255,255,255, 0.086) , 559px 1378px 0 0px rgba(255,255,255, 0.295) , 1391px 1655px 0 0px rgba(255,255,255, 0.724) , 166px 1638px 0 0px rgba(255,255,255, 0.361) , 731px 1288px 0 0px rgba(255,255,255, 0.777) , 378px 418px 0 0px rgba(255,255,255, 0.655) , 1272px 91px 0 0px rgba(255,255,255, 0.057) , 1210px 1115px 0 0px rgba(255,255,255, 0.192) , 1760px 1387px 0 0px rgba(255,255,255, 0.265) , 112px 1464px 0 0px rgba(255,255,255, 0.523) , 65px 61px 0 0px rgba(255,255,255, 0.625) , 472px 887px 0 0px rgba(255,255,255, 0.405) , 1367px 351px 0 0px rgba(255,255,255, 0.612) , 104px 86px 0 0px rgba(255,255,255, 0.642) , 560px 1086px 0 0px rgba(255,255,255, 0.715) , 811px 1248px 0 0px rgba(255,255,255, 0.999) , 1565px 73px 0 0px rgba(255,255,255, 0.125) , 1070px 472px 0 0px rgba(255,255,255, 0.934) , 1037px 1601px 0 0px rgba(255,255,255, 0.797) , 1721px 1704px 0 0px rgba(255,255,255, 0.979) , 1145px 1141px 0 0px rgba(255,255,255, 0.97) , 1173px 503px 0 0px rgba(255,255,255, 0.738) , 337px 1670px 0 0px rgba(255,255,255, 0.379) , 1162px 160px 0 0px rgba(255,255,255, 0.417) , 655px 495px 0 0px rgba(255,255,255, 0.599) , 959px 232px 0 0px rgba(255,255,255, 0.003) , 734px 704px 0 0px rgba(255,255,255, 0.132) , 1486px 1176px 0 0px rgba(255,255,255, 0.454) , 1708px 1597px 0 0px rgba(255,255,255, 0.623) , 1573px 1362px 0 0px rgba(255,255,255, 0.412) , 1421px 1496px 0 0px rgba(255,255,255, 0.427) , 231px 219px 0 0px rgba(255,255,255, 0.562) , 1442px 206px 0 0px rgba(255,255,255, 0.542) , 418px 1645px 0 0px rgba(255,255,255, 0.824) , 1267px 1779px 0 0px rgba(255,255,255, 0.831) , 1660px 344px 0 0px rgba(255,255,255, 0.436) , 878px 216px 0 0px rgba(255,255,255, 0.466) , 445px 1278px 0 0px rgba(255,255,255, 0.936) , 812px 1513px 0 0px rgba(255,255,255, 0.462) , 665px 1281px 0 0px rgba(255,255,255, 0.671) , 88px 124px 0 0px rgba(255,255,255, 0.293) , 709px 869px 0 0px rgba(255,255,255, 0.755) , 1043px 1677px 0 0px rgba(255,255,255, 0.255) , 894px 644px 0 0px rgba(255,255,255, 0.387) , 1263px 1150px 0 0px rgba(255,255,255, 0.926) , 735px 849px 0 0px rgba(255,255,255, 0.385) , 1217px 1701px 0 0px rgba(255,255,255, 0.249) , 765px 762px 0 0px rgba(255,255,255, 0.208) , 346px 752px 0 0px rgba(255,255,255, 0.874) , 1688px 1275px 0 0px rgba(255,255,255, 0.429) , 1188px 776px 0 0px rgba(255,255,255, 0.822) , 1508px 782px 0 0px rgba(255,255,255, 0.006) , 1483px 641px 0 0px rgba(255,255,255, 0.384) , 1602px 576px 0 0px rgba(255,255,255, 0.617) , 1285px 150px 0 0px rgba(255,255,255, 0.191) , 31px 794px 0 0px rgba(255,255,255, 0.708) , 339px 200px 0 0px rgba(255,255,255, 0.155) , 766px 378px 0 0px rgba(255,255,255, 0.077) , 1480px 1162px 0 0px rgba(255,255,255, 0.973) , 1782px 1519px 0 0px rgba(255,255,255, 0.844) , 4px 1173px 0 0px rgba(255,255,255, 0.845) , 1490px 1683px 0 0px rgba(255,255,255, 0.671) , 669px 1054px 0 0px rgba(255,255,255, 0.466) , 1425px 1794px 0 0px rgba(255,255,255, 0.408) , 1078px 404px 0 0px rgba(255,255,255, 0.249) , 371px 1197px 0 0px rgba(255,255,255, 0.113) , 614px 357px 0 0px rgba(255,255,255, 0.802) , 1119px 767px 0 0px rgba(255,255,255, 0.838) , 200px 1286px 0 0px rgba(255,255,255, 0.438) , 926px 1413px 0 0px rgba(255,255,255, 0.938) , 430px 577px 0 0px rgba(255,255,255, 0.629) , 413px 115px 0 0px rgba(255,255,255, 0.166) , 453px 1787px 0 0px rgba(255,255,255, 0.958) , 870px 868px 0 0px rgba(255,255,255, 0.188) , 918px 216px 0 0px rgba(255,255,255, 0.198) , 810px 885px 0 0px rgba(255,255,255, 0.623) , 956px 1458px 0 0px rgba(255,255,255, 0.864) , 1543px 1609px 0 0px rgba(255,255,255, 0.487) , 1360px 69px 0 0px rgba(255,255,255, 0.942) , 1191px 1526px 0 0px rgba(255,255,255, 0.706) , 387px 1031px 0 0px rgba(255,255,255, 0.664) , 197px 1323px 0 0px rgba(255,255,255, 0.426) , 278px 846px 0 0px rgba(255,255,255, 0.793) , 523px 1662px 0 0px rgba(255,255,255, 0.812) , 221px 1623px 0 0px rgba(255,255,255, 0.049) , 843px 314px 0 0px rgba(255,255,255, 0.16) , 229px 1297px 0 0px rgba(255,255,255, 0.382) , 623px 433px 0 0px rgba(255,255,255, 0.961) , 622px 959px 0 0px rgba(255,255,255, 0.034) , 1559px 474px 0 0px rgba(255,255,255, 0.982) , 686px 336px 0 0px rgba(255,255,255, 0.105) , 1529px 1560px 0 0px rgba(255,255,255, 0.796) , 1655px 1462px 0 0px rgba(255,255,255, 0.402) , 435px 83px 0 0px rgba(255,255,255, 0.131) , 106px 518px 0 0px rgba(255,255,255, 0.757) , 1188px 682px 0 0px rgba(255,255,255, 0.803) , 754px 554px 0 0px rgba(255,255,255, 0.306) , 1331px 1180px 0 0px rgba(255,255,255, 0.024) , 1780px 183px 0 0px rgba(255,255,255, 0.944) , 1755px 26px 0 0px rgba(255,255,255, 0.63) , 1643px 212px 0 0px rgba(255,255,255, 0.527) , 1664px 22px 0 0px rgba(255,255,255, 0.61) , 476px 524px 0 0px rgba(255,255,255, 0.956) , 732px 1763px 0 0px rgba(255,255,255, 0.09) , 768px 588px 0 0px rgba(255,255,255, 0.858) , 479px 595px 0 0px rgba(255,255,255, 0.682) , 917px 1142px 0 0px rgba(255,255,255, 0.152) , 179px 784px 0 0px rgba(255,255,255, 0.721) , 1041px 469px 0 0px rgba(255,255,255, 0.588) , 1573px 1361px 0 0px rgba(255,255,255, 0.517) , 1166px 429px 0 0px rgba(255,255,255, 0.681) , 1180px 262px 0 0px rgba(255,255,255, 0.429) , 6px 345px 0 0px rgba(255,255,255, 0.141) , 17px 1757px 0 0px rgba(255,255,255, 0.922) , 396px 1186px 0 0px rgba(255,255,255, 0.3) , 319px 444px 0 0px rgba(255,255,255, 0.944) , 11px 1178px 0 0px rgba(255,255,255, 0.688) , 1720px 979px 0 0px rgba(255,255,255, 0.43) , 1580px 1356px 0 0px rgba(255,255,255, 0.948) , 1110px 473px 0 0px rgba(255,255,255, 0.93) , 1573px 1665px 0 0px rgba(255,255,255, 0.25) , 857px 511px 0 0px rgba(255,255,255, 0.116) , 694px 526px 0 0px rgba(255,255,255, 0.256) , 467px 1240px 0 0px rgba(255,255,255, 0.232) , 1374px 707px 0 0px rgba(255,255,255, 0.168) , 67px 1301px 0 0px rgba(255,255,255, 0.913) , 844px 1164px 0 0px rgba(255,255,255, 0.987) , 822px 1213px 0 0px rgba(255,255,255, 0.698) , 1681px 378px 0 0px rgba(255,255,255, 0.212) , 912px 4px 0 0px rgba(255,255,255, 0.764) , 1448px 577px 0 0px rgba(255,255,255, 0.824) , 548px 1664px 0 0px rgba(255,255,255, 0.606) , 1371px 986px 0 0px rgba(255,255,255, 0.346) , 363px 1611px 0 0px rgba(255,255,255, 0.379) , 367px 47px 0 0px rgba(255,255,255, 0.061) , 831px 704px 0 0px rgba(255,255,255, 0.075) , 101px 250px 0 0px rgba(255,255,255, 0.206) , 572px 665px 0 0px rgba(255,255,255, 0.46) , 528px 827px 0 0px rgba(255,255,255, 0.895) , 1220px 235px 0 0px rgba(255,255,255, 0.491) , 1327px 1534px 0 0px rgba(255,255,255, 0.478) , 481px 1589px 0 0px rgba(255,255,255, 0.432) , 1125px 1654px 0 0px rgba(255,255,255, 0.203) , 268px 942px 0 0px rgba(255,255,255, 0.636) , 967px 678px 0 0px rgba(255,255,255, 0.606) , 1525px 598px 0 0px rgba(255,255,255, 0.971) , 754px 425px 0 0px rgba(255,255,255, 0.351) , 810px 1733px 0 0px rgba(255,255,255, 0.032) , 1199px 417px 0 0px rgba(255,255,255, 0.835) , 159px 1219px 0 0px rgba(255,255,255, 0.77) , 818px 121px 0 0px rgba(255,255,255, 0.918) , 428px 338px 0 0px rgba(255,255,255, 0.89) , 662px 774px 0 0px rgba(255,255,255, 0.579) , 557px 293px 0 0px rgba(255,255,255, 0.699) , 781px 633px 0 0px rgba(255,255,255, 0.036) , 86px 542px 0 0px rgba(255,255,255, 0.689) , 1493px 700px 0 0px rgba(255,255,255, 0.243) , 151px 1549px 0 0px rgba(255,255,255, 0.771) , 807px 253px 0 0px rgba(255,255,255, 0.959) , 1018px 1673px 0 0px rgba(255,255,255, 0.464) , 1189px 824px 0 0px rgba(255,255,255, 0.662) , 14px 393px 0 0px rgba(255,255,255, 0.077) , 1779px 1268px 0 0px rgba(255,255,255, 0.228) , 1495px 67px 0 0px rgba(255,255,255, 0.929) , 476px 345px 0 0px rgba(255,255,255, 0.372) , 177px 127px 0 0px rgba(255,255,255, 0.347) , 942px 693px 0 0px rgba(255,255,255, 0.149) , 1705px 167px 0 0px rgba(255,255,255, 0.475) , 734px 56px 0 0px rgba(255,255,255, 0.064) , 1416px 1167px 0 0px rgba(255,255,255, 0.486) , 1276px 290px 0 0px rgba(255,255,255, 0.599) , 903px 1486px 0 0px rgba(255,255,255, 0.707) , 917px 1405px 0 0px rgba(255,255,255, 0.125) , 1390px 326px 0 0px rgba(255,255,255, 0.721) , 453px 372px 0 0px rgba(255,255,255, 0.049) , 1154px 832px 0 0px rgba(255,255,255, 0.276) , 5px 331px 0 0px rgba(255,255,255, 0.439) , 530px 1489px 0 0px rgba(255,255,255, 0.909) , 489px 767px 0 0px rgba(255,255,255, 0.832) , 175px 1784px 0 0px rgba(255,255,255, 0.238) , 968px 227px 0 0px rgba(255,255,255, 0.632) , 12px 930px 0 0px rgba(255,255,255, 0.313) , 1001px 1285px 0 0px rgba(255,255,255, 0.942) , 1282px 964px 0 0px rgba(255,255,255, 0.3) , 1297px 355px 0 0px rgba(255,255,255, 0.18) , 371px 61px 0 0px rgba(255,255,255, 0.166) , 1588px 7px 0 0px rgba(255,255,255, 0.229) , 1133px 1421px 0 0px rgba(255,255,255, 0.29) , 1695px 1767px 0 0px rgba(255,255,255, 0.065) , 941px 190px 0 0px rgba(255,255,255, 0.467) , 989px 137px 0 0px rgba(255,255,255, 0.287) , 1748px 160px 0 0px rgba(255,255,255, 0.921) , 6px 1023px 0 0px rgba(255,255,255, 0.334) , 1325px 1139px 0 0px rgba(255,255,255, 0.105) , 925px 1024px 0 0px rgba(255,255,255, 0.891) , 556px 1660px 0 0px rgba(255,255,255, 0.995) , 952px 298px 0 0px rgba(255,255,255, 0.68) , 1772px 240px 0 0px rgba(255,255,255, 0.92) , 1601px 1772px 0 0px rgba(255,255,255, 0.213) , 978px 753px 0 0px rgba(255,255,255, 0.559) , 495px 1356px 0 0px rgba(255,255,255, 0.859) , 1558px 479px 0 0px rgba(255,255,255, 0.741) , 1792px 1468px 0 0px rgba(255,255,255, 0.229) , 876px 540px 0 0px rgba(255,255,255, 0.477) , 653px 684px 0 0px rgba(255,255,255, 0.736) , 170px 234px 0 0px rgba(255,255,255, 0.375) , 377px 1159px 0 0px rgba(255,255,255, 0.324) , 318px 17px 0 0px rgba(255,255,255, 0.412) , 151px 722px 0 0px rgba(255,255,255, 0.343) , 624px 120px 0 0px rgba(255,255,255, 0.249) , 831px 1289px 0 0px rgba(255,255,255, 0.279) , 169px 819px 0 0px rgba(255,255,255, 0.227) , 1163px 1683px 0 0px rgba(255,255,255, 0.929) , 1300px 93px 0 0px rgba(255,255,255, 0.251) , 708px 319px 0 0px rgba(255,255,255, 0.892) , 1188px 450px 0 0px rgba(255,255,255, 0.456) , 1628px 1714px 0 0px rgba(255,255,255, 0.824) , 1668px 110px 0 0px rgba(255,255,255, 0.736) , 48px 570px 0 0px rgba(255,255,255, 0.051) , 944px 1223px 0 0px rgba(255,255,255, 0.663) , 1307px 1567px 0 0px rgba(255,255,255, 0.319) , 1598px 1519px 0 0px rgba(255,255,255, 0.594) , 259px 347px 0 0px rgba(255,255,255, 0.915) , 818px 1410px 0 0px rgba(255,255,255, 0.559) , 1793px 1332px 0 0px rgba(255,255,255, 0.351) , 513px 646px 0 0px rgba(255,255,255, 0.812) , 186px 538px 0 0px rgba(255,255,255, 0.56) , 1411px 1390px 0 0px rgba(255,255,255, 0.906) , 909px 399px 0 0px rgba(255,255,255, 0.127) , 549px 1164px 0 0px rgba(255,255,255, 0.931) , 67px 1131px 0 0px rgba(255,255,255, 0.242) , 328px 189px 0 0px rgba(255,255,255, 0.116) , 895px 1296px 0 0px rgba(255,255,255, 0.565) , 1362px 1254px 0 0px rgba(255,255,255, 0.09) , 1353px 529px 0 0px rgba(255,255,255, 0.8) , 644px 1195px 0 0px rgba(255,255,255, 0.935) , 47px 1375px 0 0px rgba(255,255,255, 0.115) , 987px 1143px 0 0px rgba(255,255,255, 0.777) , 756px 364px 0 0px rgba(255,255,255, 0.408) , 679px 228px 0 0px rgba(255,255,255, 0.668) , 1739px 586px 0 0px rgba(255,255,255, 0.385) , 103px 684px 0 0px rgba(255,255,255, 0.26) , 81px 1734px 0 0px rgba(255,255,255, 0.165) , 52px 333px 0 0px rgba(255,255,255, 0.875) , 1057px 822px 0 0px rgba(255,255,255, 0.706) , 446px 1791px 0 0px rgba(255,255,255, 0.194) , 338px 1438px 0 0px rgba(255,255,255, 0.077) , 1461px 1408px 0 0px rgba(255,255,255, 0.967) , 878px 1083px 0 0px rgba(255,255,255, 0.805) , 1205px 757px 0 0px rgba(255,255,255, 0.833) , 221px 450px 0 0px rgba(255,255,255, 0.159) , 1139px 1532px 0 0px rgba(255,255,255, 0.92) , 677px 626px 0 0px rgba(255,255,255, 0.704) , 581px 503px 0 0px rgba(255,255,255, 0.077) , 207px 514px 0 0px rgba(255,255,255, 0.403) , 1202px 1194px 0 0px rgba(255,255,255, 0.977) , 622px 972px 0 0px rgba(255,255,255, 0.666) , 657px 1491px 0 0px rgba(255,255,255, 0.879) , 468px 1758px 0 0px rgba(255,255,255, 0.242) , 1151px 155px 0 0px rgba(255,255,255, 0.32) , 1425px 796px 0 0px rgba(255,255,255, 0.744) , 1089px 978px 0 0px rgba(255,255,255, 0.987) , 1152px 1235px 0 0px rgba(255,255,255, 0.917) , 673px 1709px 0 0px rgba(255,255,255, 0.181) , 908px 407px 0 0px rgba(255,255,255, 0.662) , 1112px 885px 0 0px rgba(255,255,255, 0.477) , 498px 1073px 0 0px rgba(255,255,255, 0.007) , 340px 1527px 0 0px rgba(255,255,255, 0.236) , 638px 115px 0 0px rgba(255,255,255, 0.861) , 195px 787px 0 0px rgba(255,255,255, 0.502) , 604px 965px 0 0px rgba(255,255,255, 0.096) , 530px 212px 0 0px rgba(255,255,255, 0.657) , 73px 1631px 0 0px rgba(255,255,255, 0.795) , 1203px 1205px 0 0px rgba(255,255,255, 0.91) , 619px 1165px 0 0px rgba(255,255,255, 0.853) , 1213px 954px 0 0px rgba(255,255,255, 0.551) , 739px 668px 0 0px rgba(255,255,255, 0.185) , 595px 327px 0 0px rgba(255,255,255, 0.586) , 1526px 142px 0 0px rgba(255,255,255, 0.235) , 474px 739px 0 0px rgba(255,255,255, 0.097) , 1377px 1023px 0 0px rgba(255,255,255, 0.005) , 859px 720px 0 0px rgba(255,255,255, 0.902) , 996px 559px 0 0px rgba(255,255,255, 0.584) , 1574px 980px 0 0px rgba(255,255,255, 0.99) , 1322px 525px 0 0px rgba(255,255,255, 0.44) , 1327px 704px 0 0px rgba(255,255,255, 0.348) , 524px 1361px 0 0px rgba(255,255,255, 0.543) , 1337px 155px 0 0px rgba(255,255,255, 0.846) , 928px 448px 0 0px rgba(255,255,255, 0.647) , 28px 996px 0 0px rgba(255,255,255, 0.196) , 813px 1326px 0 0px rgba(255,255,255, 0.35) , 1490px 60px 0 0px rgba(255,255,255, 0.242) , 380px 1326px 0 0px rgba(255,255,255, 0.653) , 1268px 1340px 0 0px rgba(255,255,255, 0.546) , 1093px 392px 0 0px rgba(255,255,255, 0.684) , 1322px 253px 0 0px rgba(255,255,255, 0.656) , 717px 1473px 0 0px rgba(255,255,255, 0.525) , 125px 1410px 0 0px rgba(255,255,255, 0.07) , 1781px 77px 0 0px rgba(255,255,255, 0.764) , 1706px 1687px 0 0px rgba(255,255,255, 0.783) , 1207px 1317px 0 0px rgba(255,255,255, 0.951) , 64px 1634px 0 0px rgba(255,255,255, 0.207) , 1193px 1776px 0 0px rgba(255,255,255, 0.086) , 1354px 1147px 0 0px rgba(255,255,255, 0.944) , 702px 1169px 0 0px rgba(255,255,255, 0.866) , 1236px 79px 0 0px rgba(255,255,255, 0.68) , 1154px 1275px 0 0px rgba(255,255,255, 0.622) , 640px 389px 0 0px rgba(255,255,255, 0.357) , 1011px 765px 0 0px rgba(255,255,255, 0.975) , 280px 1195px 0 0px rgba(255,255,255, 0.815) , 1070px 1720px 0 0px rgba(255,255,255, 0.851) , 44px 53px 0 0px rgba(255,255,255, 0.851) , 250px 433px 0 0px rgba(255,255,255, 0.319) , 1773px 822px 0 0px rgba(255,255,255, 0.594) , 698px 1640px 0 0px rgba(255,255,255, 0.269) , 287px 465px 0 0px rgba(255,255,255, 0.48) , 1019px 1574px 0 0px rgba(255,255,255, 0.224) , 265px 501px 0 0px rgba(255,255,255, 0.123) , 841px 697px 0 0px rgba(255,255,255, 0.441) , 187px 1182px 0 0px rgba(255,255,255, 0.787) , 1459px 430px 0 0px rgba(255,255,255, 0.445) , 369px 247px 0 0px rgba(255,255,255, 0.561) , 1255px 1302px 0 0px rgba(255,255,255, 0.345) , 260px 859px 0 0px rgba(255,255,255, 0.89) , 80px 1514px 0 0px rgba(255,255,255, 0.212) , 1354px 572px 0 0px rgba(255,255,255, 0.908) , 524px 425px 0 0px rgba(255,255,255, 0.326) , 1778px 1786px 0 0px rgba(255,255,255, 0.479) , 485px 1384px 0 0px rgba(255,255,255, 0.031) , 1017px 416px 0 0px rgba(255,255,255, 0.211) , 263px 507px 0 0px rgba(255,255,255, 0.522) , 1566px 18px 0 0px rgba(255,255,255, 0.868) , 300px 1731px 0 0px rgba(255,255,255, 0.516) , 1701px 1744px 0 0px rgba(255,255,255, 0.529) , 1409px 143px 0 0px rgba(255,255,255, 0.139) , 619px 86px 0 0px rgba(255,255,255, 0.768) , 67px 1291px 0 0px rgba(255,255,255, 0.136) , 1111px 1745px 0 0px rgba(255,255,255, 0.192) , 252px 634px 0 0px rgba(255,255,255, 0.399) , 726px 1743px 0 0px rgba(255,255,255, 0.634) , 1139px 1709px 0 0px rgba(255,255,255, 0.49) , 1077px 1286px 0 0px rgba(255,255,255, 0.577) , 1366px 1367px 0 0px rgba(255,255,255, 0.874) , 237px 1108px 0 0px rgba(255,255,255, 0.821) , 819px 1456px 0 0px rgba(255,255,255, 0.835) , 676px 1352px 0 0px rgba(255,255,255, 0.618) , 754px 112px 0 0px rgba(255,255,255, 0.986) , 735px 1307px 0 0px rgba(255,255,255, 0.667) , 71px 1354px 0 0px rgba(255,255,255, 0.476) , 1523px 325px 0 0px rgba(255,255,255, 0.339) , 324px 592px 0 0px rgba(255,255,255, 0.947) , 1244px 1292px 0 0px rgba(255,255,255, 0.017) , 619px 306px 0 0px rgba(255,255,255, 0.794) , 1523px 920px 0 0px rgba(255,255,255, 0.561) , 1066px 435px 0 0px rgba(255,255,255, 0.622) , 1122px 72px 0 0px rgba(255,255,255, 0.684) , 628px 1214px 0 0px rgba(255,255,255, 0.16) , 884px 1294px 0 0px rgba(255,255,255, 0.599) , 659px 481px 0 0px rgba(255,255,255, 0.079) , 514px 18px 0 0px rgba(255,255,255, 0.228) , 520px 941px 0 0px rgba(255,255,255, 0.68) , 443px 793px 0 0px rgba(255,255,255, 0.369) , 1150px 1730px 0 0px rgba(255,255,255, 0.737) , 883px 163px 0 0px rgba(255,255,255, 0.792) , 836px 707px 0 0px rgba(255,255,255, 0.506) , 850px 838px 0 0px rgba(255,255,255, 0.518) , 445px 167px 0 0px rgba(255,255,255, 0.141) , 1438px 1781px 0 0px rgba(255,255,255, 0.883) , 211px 1299px 0 0px rgba(255,255,255, 0.513) , 934px 910px 0 0px rgba(255,255,255, 0.499) , 1280px 70px 0 0px rgba(255,255,255, 0.485) , 1120px 1439px 0 0px rgba(255,255,255, 0.757) , 1520px 634px 0 0px rgba(255,255,255, 0.919) , 1782px 1065px 0 0px rgba(255,255,255, 0.822) , 1086px 238px 0 0px rgba(255,255,255, 0.014) , 330px 1200px 0 0px rgba(255,255,255, 0.82) , 908px 38px 0 0px rgba(255,255,255, 0.027) , 825px 646px 0 0px rgba(255,255,255, 0.089) , 1303px 822px 0 0px rgba(255,255,255, 0.492) , 1621px 41px 0 0px rgba(255,255,255, 0.059) , 1265px 98px 0 0px rgba(255,255,255, 0.928) , 1404px 1141px 0 0px rgba(255,255,255, 0.996) , 647px 1144px 0 0px rgba(255,255,255, 0.13) , 276px 814px 0 0px rgba(255,255,255, 0.746) , 1611px 216px 0 0px rgba(255,255,255, 0.467) , 1599px 1631px 0 0px rgba(255,255,255, 0.67) , 758px 655px 0 0px rgba(255,255,255, 0.663) , 1507px 978px 0 0px rgba(255,255,255, 0.645) , 481px 1346px 0 0px rgba(255,255,255, 0.401) , 186px 395px 0 0px rgba(255,255,255, 0.801) , 332px 1265px 0 0px rgba(255,255,255, 0.027) , 664px 1625px 0 0px rgba(255,255,255, 0.497) , 441px 954px 0 0px rgba(255,255,255, 0.832) , 355px 1540px 0 0px rgba(255,255,255, 0.987) , 1626px 273px 0 0px rgba(255,255,255, 0.746) , 354px 1312px 0 0px rgba(255,255,255, 0.833) , 39px 93px 0 0px rgba(255,255,255, 0.457) , 1424px 1791px 0 0px rgba(255,255,255, 0.953) , 262px 70px 0 0px rgba(255,255,255, 0.868) , 898px 1710px 0 0px rgba(255,255,255, 0.294) , 865px 453px 0 0px rgba(255,255,255, 0.019) , 606px 1040px 0 0px rgba(255,255,255, 0.661) , 1564px 1729px 0 0px rgba(255,255,255, 0.994) , 953px 1297px 0 0px rgba(255,255,255, 0.623) , 1722px 633px 0 0px rgba(255,255,255, 0.24) , 435px 221px 0 0px rgba(255,255,255, 0.054) , 425px 34px 0 0px rgba(255,255,255, 0.738) , 1340px 1256px 0 0px rgba(255,255,255, 0.293) , 107px 1124px 0 0px rgba(255,255,255, 0.929) , 479px 1310px 0 0px rgba(255,255,255, 0.598) , 378px 10px 0 0px rgba(255,255,255, 0.61) , 1681px 743px 0 0px rgba(255,255,255, 0.971) , 1646px 830px 0 0px rgba(255,255,255, 0.808) , 1254px 782px 0 0px rgba(255,255,255, 0.633) , 1554px 21px 0 0px rgba(255,255,255, 0.871) , 1783px 1410px 0 0px rgba(255,255,255, 0.38) , 125px 224px 0 0px rgba(255,255,255, 0.369) , 1308px 1550px 0 0px rgba(255,255,255, 0.606) , 1584px 1142px 0 0px rgba(255,255,255, 0.293) , 939px 157px 0 0px rgba(255,255,255, 0.023) , 1387px 379px 0 0px rgba(255,255,255, 0.967) , 1227px 835px 0 0px rgba(255,255,255, 0.103) , 807px 675px 0 0px rgba(255,255,255, 0.111) , 934px 981px 0 0px rgba(255,255,255, 0.834) , 639px 198px 0 0px rgba(255,255,255, 0.415) , 654px 1731px 0 0px rgba(255,255,255, 0.82) , 1252px 920px 0 0px rgba(255,255,255, 0.166) , 720px 1733px 0 0px rgba(255,255,255, 0.718) , 1719px 1074px 0 0px rgba(255,255,255, 0.263) , 125px 1641px 0 0px rgba(255,255,255, 0.739) , 1450px 706px 0 0px rgba(255,255,255, 0.503) , 851px 408px 0 0px rgba(255,255,255, 0.398) , 891px 647px 0 0px rgba(255,255,255, 0.959) , 975px 190px 0 0px rgba(255,255,255, 0.75) , 1622px 367px 0 0px rgba(255,255,255, 0.586) , 499px 1648px 0 0px rgba(255,255,255, 0.212) , 647px 882px 0 0px rgba(255,255,255, 0.98) , 1786px 924px 0 0px rgba(255,255,255, 0.694) , 162px 1696px 0 0px rgba(255,255,255, 0.846) , 419px 262px 0 0px rgba(255,255,255, 0.317) , 482px 1005px 0 0px rgba(255,255,255, 0.642) , 227px 682px 0 0px rgba(255,255,255, 0.333) , 1603px 34px 0 0px rgba(255,255,255, 0.021) , 1467px 514px 0 0px rgba(255,255,255, 0.84) , 360px 1222px 0 0px rgba(255,255,255, 0.349) , 488px 204px 0 0px rgba(255,255,255, 0.965) , 318px 55px 0 0px rgba(255,255,255, 0.792) , 805px 587px 0 0px rgba(255,255,255, 0.154) , 1377px 205px 0 0px rgba(255,255,255, 0.829) , 21px 1771px 0 0px rgba(255,255,255, 0.583) , 1246px 1371px 0 0px rgba(255,255,255, 0.45) , 258px 712px 0 0px rgba(255,255,255, 0.476) , 248px 1490px 0 0px rgba(255,255,255, 0.313) , 1338px 714px 0 0px rgba(255,255,255, 0.397) , 341px 1222px 0 0px rgba(255,255,255, 0.343) , 81px 684px 0 0px rgba(255,255,255, 0.906) , 407px 946px 0 0px rgba(255,255,255, 0.86) , 327px 1488px 0 0px rgba(255,255,255, 0.567) , 1478px 953px 0 0px rgba(255,255,255, 0.727) , 703px 344px 0 0px rgba(255,255,255, 0.416) , 631px 625px 0 0px rgba(255,255,255, 0.108) , 1445px 1399px 0 0px rgba(255,255,255, 0.595) , 261px 1022px 0 0px rgba(255,255,255, 0.867) , 178px 1772px 0 0px rgba(255,255,255, 0.116) , 1535px 898px 0 0px rgba(255,255,255, 0.334) , 677px 1134px 0 0px rgba(255,255,255, 0.076) , 438px 1102px 0 0px rgba(255,255,255, 0.898) , 97px 63px 0 0px rgba(255,255,255, 0.419) , 130px 1470px 0 0px rgba(255,255,255, 0.712) , 1144px 1225px 0 0px rgba(255,255,255, 0.448) , 1502px 631px 0 0px rgba(255,255,255, 0.988) , 468px 1291px 0 0px rgba(255,255,255, 0.822) , 1214px 52px 0 0px rgba(255,255,255, 0.351) , 641px 1094px 0 0px rgba(255,255,255, 0.439) , 308px 1477px 0 0px rgba(255,255,255, 0.613) , 1738px 414px 0 0px rgba(255,255,255, 0.742) , 1340px 171px 0 0px rgba(255,255,255, 0.834) , 448px 823px 0 0px rgba(255,255,255, 0.507) , 251px 169px 0 0px rgba(255,255,255, 0.303) , 275px 817px 0 0px rgba(255,255,255, 0.431);
border-radius: 100px;
}
.solar-syst div {
border-radius: 1000px;
top: 50%;
left: 50%;
position: absolute;
}
.solar-syst div:not(.sun) {
border: 1px solid rgba(102, 166, 229, 0.12);
}
.solar-syst div:not(.sun):before {
left: 50%;
top:50%;
border-radius: 100px;
content: "";
position: absolute;
}
.solar-syst div:not(.asteroids-belt):before {
box-shadow: inset 0 6px 0 -2px rgba(0, 0, 0, 0.25);
}
.sun {
background: radial-gradient(ellipse at center, #ffd000 1%, #f9b700 39%, #f9b700 39%, #e06317 100%);
background-clip: padding-box;
height: 10px;
width: 10px;
margin-top: -5px;
margin-left: -5px;    
border: 0 !important;
background-position: -28px -103px;
background-size: 175%;
box-shadow: 0 0 10px 2px rgba(255, 107, 0, 0.4), 0 0 22px 11px rgba(255, 203, 0, 0.13);
}
.asteroids-belt {
opacity: 0.7;
border-color: transparent !important;
height: 75px;
width: 75px;
z-index: 10;
margin-top: -37.5px;
margin-left: -37.5px;
-webkit-animation: orb 179.9558282773s linear infinite;
animation: orb 179.9558282773s linear infinite;
overflow: hidden;
}
.asteroids-belt:before {
top: 50%;
height: 52.5px;
width: 52.5px;
margin-left: -26.25px;
z-index: 0;
margin-top: -26.25px;
background: transparent;
border-radius: 140px !important;
box-shadow: 17.75px 30px 0px -26px rgba(255, 255, 255, 0.019), 5.25px -1px 0px -26px rgba(255,255,255, 0.694), 6.75px 35.5px 0px -26px rgba(255,255,255, 0.244), 13.5px -14.75px 0px -26px rgba(255,255,255, 0.498), -21.5px -24.25px 0px -26px rgba(255,255,255, 0.917), -23.5px 0px 0px -26px rgba(255,255,255, 0.278), 2.5px -24.25px 0px -26px rgba(255,255,255, 0.992), -14.5px -28.75px 0px -26px rgba(255,255,255, 0.415), -17.5px 20px 0px -26px rgba(255,255,255, 0.979), -18.5px -16px 0px -26px rgba(255,255,255, 0.824), -21.75px -34.25px 0px -26px rgba(255,255,255, 0.18), 1px 21.75px 0px -26px rgba(255,255,255, 0.678), -27px 18.5px 0px -26px rgba(255,255,255, 0.595), -0.5px -8.25px 0px -26px rgba(255,255,255, 0.948), -19.75px -21px 0px -26px rgba(255,255,255, 0.041), 20px 1.25px 0px -26px rgba(255,255,255, 0.483), -1.75px -11.5px 0px -26px rgba(255,255,255, 0.236), -19.75px -24.25px 0px -26px rgba(255,255,255, 0.614), 18.25px -30.75px 0px -26px rgba(255,255,255, 0.815), -36px 3.5px 0px -26px rgba(255,255,255, 0.456), 31.5px 28.75px 0px -26px rgba(255,255,255, 0.746), -28.75px -27.25px 0px -26px rgba(255,255,255, 0.799), -23.5px -25.5px 0px -26px rgba(255,255,255, 0.551), 18.25px -3.5px 0px -26px rgba(255,255,255, 0.476), 25.75px -13.25px 0px -26px rgba(255,255,255, 0.498), -20.25px 13.5px 0px -26px rgba(255,255,255, 0.434), 25.5px 4.25px 0px -26px rgba(255,255,255, 0.341), -1.75px -13.75px 0px -26px rgba(255,255,255, 0.969), 18px 25.75px 0px -26px rgba(255,255,255, 0.998), -35.25px 24.5px 0px -26px rgba(255,255,255, 0.968), -1.75px -10px 0px -26px rgba(255,255,255, 0.091), -2.5px -8.25px 0px -26px rgba(255,255,255, 0.535), 5.25px -27.5px 0px -26px rgba(255,255,255, 0.123), -13px -17px 0px -26px rgba(255,255,255, 0.56), -12.75px 14px 0px -26px rgba(255,255,255, 0.451), 3.75px -31px 0px -26px rgba(255,255,255, 0.924), -15.25px 1.25px 0px -26px rgba(255,255,255, 0.942), -33.5px 19px 0px -26px rgba(255,255,255, 0.235), -19px -5px 0px -26px rgba(255,255,255, 0.772), 7.75px -35.75px 0px -26px rgba(255,255,255, 0.338), -8px -35.25px 0px -26px rgba(255,255,255, 0.623), 30px -14.5px 0px -26px rgba(255,255,255, 0.947), -24px -31px 0px -26px rgba(255,255,255, 0.443), -11.25px 9.5px 0px -26px rgba(255,255,255, 0.599), -29.5px 3.25px 0px -26px rgba(255,255,255, 0.507), 13.75px 10.5px 0px -26px rgba(255,255,255, 0.954), -11.5px 4.25px 0px -26px rgba(255,255,255, 0.553), -18.25px 34.25px 0px -26px rgba(255,255,255, 0.511), 32px -1.5px 0px -26px rgba(255,255,255, 0.94), 19.25px 31.25px 0px -26px rgba(255,255,255, 0.78), -29.5px 4px 0px -26px rgba(255,255,255, 0.371), 17.5px 29.5px 0px -26px rgba(255,255,255, 0.914), 18px 25px 0px -26px rgba(255,255,255, 0.01), -16px -8px 0px -26px rgba(255,255,255, 0.656), -9.25px -18.25px 0px -26px rgba(255,255,255, 0.564), 9px -16.25px 0px -26px rgba(255,255,255, 0.892), 17.25px 21.5px 0px -26px rgba(255,255,255, 0.387), 14.5px 28.25px 0px -26px rgba(255,255,255, 0.13), -23.75px -2.25px 0px -26px rgba(255,255,255, 0.312), 32px 22px 0px -26px rgba(255,255,255, 0.72), 24.25px -5.75px 0px -26px rgba(255,255,255, 0.762), -16.75px 23.75px 0px -26px rgba(255,255,255, 0.293), -16px -26.5px 0px -26px rgba(255,255,255, 0.935), 23.75px -25px 0px -26px rgba(255,255,255, 0.357), 19.5px 4.25px 0px -26px rgba(255,255,255, 0.963), 21.25px 11.5px 0px -26px rgba(255,255,255, 0.958), -29px 32.5px 0px -26px rgba(255,255,255, 0.445), -10.25px 28px 0px -26px rgba(255,255,255, 0.737), 17.5px -16px 0px -26px rgba(255,255,255, 0.39), -4.75px -19.75px 0px -26px rgba(255,255,255, 0.64), -28.75px -33.25px 0px -26px rgba(255,255,255, 0.578), -17.25px 18.25px 0px -26px rgba(255,255,255, 0.959), 32.25px 30.5px 0px -26px rgba(255,255,255, 0.519), 4.75px 13.75px 0px -26px rgba(255,255,255, 0.755), -18.5px -27.5px 0px -26px rgba(255,255,255, 0.92), -22px -28px 0px -26px rgba(255,255,255, 0.18), 1.75px -5.75px 0px -26px rgba(255,255,255, 0.296), 14.5px -1.25px 0px -26px rgba(255,255,255, 0.704), 15.25px -15.25px 0px -26px rgba(255,255,255, 0.455), -1.5px 15.25px 0px -26px rgba(255,255,255, 0.762), 22.75px 30.5px 0px -26px rgba(255,255,255, 0.34), 14.25px -17.75px 0px -26px rgba(255,255,255, 0.042), 28px 31.75px 0px -26px rgba(255,255,255, 0.111), 10px 12.25px 0px -26px rgba(255,255,255, 0.743), -29.5px 11.5px 0px -26px rgba(255,255,255, 0.837), 30.75px -13.5px 0px -26px rgba(255,255,255, 0.008), -10.5px -16.25px 0px -26px rgba(255,255,255, 0.843), -36px 4.75px 0px -26px rgba(255,255,255, 0.214), -35.75px -13.75px 0px -26px rgba(255,255,255, 0.592), -35.5px 7.25px 0px -26px rgba(255,255,255, 0.152), 29px 22px 0px -26px rgba(255,255,255, 0.653), 20.25px 26.25px 0px -26px rgba(255,255,255, 0.502), 17.5px -32.5px 0px -26px rgba(255,255,255, 0.903), 29.75px 2.25px 0px -26px rgba(255,255,255, 0.437), -29.5px -10px 0px -26px rgba(255,255,255, 0.741), 23.5px -24.5px 0px -26px rgba(255,255,255, 0.396), 33.5px 34px 0px -26px rgba(255,255,255, 0.792), -7px 2.5px 0px -26px rgba(255,255,255, 0.005), 3.25px 32.5px 0px -26px rgba(255,255,255, 0.747), 19.5px 33px 0px -26px rgba(255,255,255, 0.092), -30.75px -15.25px 0px -26px rgba(255,255,255, 0.371), 18px 35.75px 0px -26px rgba(255,255,255, 0.708), -9.5px 9px 0px -26px rgba(255,255,255, 0.881), -7.25px -21.5px 0px -26px rgba(255,255,255, 0.681), 12px -8.5px 0px -26px rgba(255,255,255, 0.559), -7.75px 19.25px 0px -26px rgba(255,255,255, 0.586), 31.5px -8.75px 0px -26px rgba(255,255,255, 0.23), -15.5px -20.75px 0px -26px rgba(255,255,255, 0.545), -27.5px -31.5px 0px -26px rgba(255,255,255, 0.311), 7.25px 1.5px 0px -26px rgba(255,255,255, 0.006), 32.5px -5.75px 0px -26px rgba(255,255,255, 0.904), -16.25px -7px 0px -26px rgba(255,255,255, 0.054), 8px 1px 0px -26px rgba(255,255,255, 0.582), 18.5px 16.5px 0px -26px rgba(255,255,255, 0.352), -3.75px 6.75px 0px -26px rgba(255,255,255, 0.158), -27.25px 3px 0px -26px rgba(255,255,255, 0.965), -6.25px -33.25px 0px -26px rgba(255,255,255, 0.279), 34.25px 19.5px 0px -26px rgba(255,255,255, 0.269), -4px 1px 0px -26px rgba(255,255,255, 0.563), 0.75px -12.75px 0px -26px rgba(255,255,255, 0.514), 33.5px -10.25px 0px -26px rgba(255,255,255, 0.965), 33.75px -2.25px 0px -26px rgba(255,255,255, 0.649), 0.75px 36.25px 0px -26px rgba(255,255,255, 0.173), 16.5px 33.25px 0px -26px rgba(255,255,255, 0.355), -0.25px -5.75px 0px -26px rgba(255,255,255, 0.694), -33.75px -27.5px 0px -26px rgba(255,255,255, 0.911), 6.5px 31.25px 0px -26px rgba(255,255,255, 0.909), 23px 30.75px 0px -26px rgba(255,255,255, 0.57), 9px -16px 0px -26px rgba(255,255,255, 0.957), -34.25px -25.5px 0px -26px rgba(255,255,255, 0.895), 32.25px 13px 0px -26px rgba(255,255,255, 0.35), 26.75px -2.75px 0px -26px rgba(255,255,255, 0.593), 0.75px -22.5px 0px -26px rgba(255,255,255, 0.788), 29.75px -35px 0px -26px rgba(255,255,255, 0.533), -3.5px 14.25px 0px -26px rgba(255,255,255, 0.652), -29.25px -14.5px 0px -26px rgba(255,255,255, 0.429), -25.75px -26px 0px -26px rgba(255,255,255, 0.084), 12.5px -29.5px 0px -26px rgba(255,255,255, 0.551), 8.75px 9.5px 0px -26px rgba(255,255,255, 0.66), -23.75px 18px 0px -26px rgba(255,255,255, 0.438), -30.25px 1px 0px -26px rgba(255,255,255, 0.727), 31.5px -3.75px 0px -26px rgba(255,255,255, 0.412), -0.75px 36.25px 0px -26px rgba(255,255,255, 0.816), -3.25px -1px 0px -26px rgba(255,255,255, 0.247), -2.5px -8.5px 0px -26px rgba(255,255,255, 0.506), -31.75px -0.5px 0px -26px rgba(255,255,255, 0.979), 26.25px 1px 0px -26px rgba(255,255,255, 0.707), 27.25px 8.25px 0px -26px rgba(255,255,255, 0.577), 18.5px 9.5px 0px -26px rgba(255,255,255, 0.131), -3px -17.5px 0px -26px rgba(255,255,255, 0.492), 27.5px 36px 0px -26px rgba(255,255,255, 0.485), 8.5px -18.75px 0px -26px rgba(255,255,255, 0.393), 35.75px 24.5px 0px -26px rgba(255,255,255, 0.06), -8px 16px 0px -26px rgba(255,255,255, 0.913), -20.25px 20px 0px -26px rgba(255,255,255, 0.718), 0.25px -5.5px 0px -26px rgba(255,255,255, 0.894), 18.75px -2px 0px -26px rgba(255,255,255, 0.897), -24.25px -23.25px 0px -26px rgba(255,255,255, 0.264), 19.25px -13.5px 0px -26px rgba(255,255,255, 0.074), -32.75px 12px 0px -26px rgba(255,255,255, 0.666), -9.75px -7px 0px -26px rgba(255,255,255, 0.986), 27.75px -31px 0px -26px rgba(255,255,255, 0.454), 6.75px -6.25px 0px -26px rgba(255,255,255, 0.357), 5px 35.75px 0px -26px rgba(255,255,255, 0.568), 11.75px 28.5px 0px -26px rgba(255,255,255, 0.778), 3.5px -22px 0px -26px rgba(255,255,255, 0.084), 6.25px -33.75px 0px -26px rgba(255,255,255, 0.682), 10px 14px 0px -26px rgba(255,255,255, 0.439), -4.75px -34.5px 0px -26px rgba(255,255,255, 0.588), 29.75px -24.25px 0px -26px rgba(255,255,255, 0.457), 5.75px -26.5px 0px -26px rgba(255,255,255, 0.901), -33px -16.75px 0px -26px rgba(255,255,255, 0.668), -13.5px 23.5px 0px -26px rgba(255,255,255, 0.161), 26px 15.5px 0px -26px rgba(255,255,255, 0.445), 14px -15.5px 0px -26px rgba(255,255,255, 0.036), -9.75px 1.75px 0px -26px rgba(255,255,255, 0.879), 26.75px -12.75px 0px -26px rgba(255,255,255, 0.165), 16.75px 35.25px 0px -26px rgba(255,255,255, 0.711), -6.5px 25.5px 0px -26px rgba(255,255,255, 0.588), -2px 5.25px 0px -26px rgba(255,255,255, 0.521), 0px 1.5px 0px -26px rgba(255,255,255, 0.877), -14.5px 4.5px 0px -26px rgba(255,255,255, 0.598), 25.75px 23.5px 0px -26px rgba(255,255,255, 0.554), -30.75px -32px 0px -26px rgba(255,255,255, 0.786), 26.25px -11.75px 0px -26px rgba(255,255,255, 0.273), -23.25px -5px 0px -26px rgba(255,255,255, 0.348), 14.75px -32.5px 0px -26px rgba(255,255,255, 0.223), -23px 9px 0px -26px rgba(255,255,255, 0.899), 33.5px -29.25px 0px -26px rgba(255,255,255, 0.454), 4.5px -30.5px 0px -26px rgba(255,255,255, 0.422), -8.25px -4.25px 0px -26px rgba(255,255,255, 0.57), -29.75px -21.25px 0px -26px rgba(255,255,255, 0.779), 25.25px 1.25px 0px -26px rgba(255,255,255, 0.558), -8.75px -28.75px 0px -26px rgba(255,255,255, 0.306), 36.25px -33.75px 0px -26px rgba(255,255,255, 0.007), -15.5px 13.25px 0px -26px rgba(255,255,255, 0.03), 26.75px -32.75px 0px -26px rgba(255,255,255, 0.041), 15px -9.25px 0px -26px rgba(255,255,255, 0.348), -23.75px 10.5px 0px -26px rgba(255,255,255, 0.856), -18.75px -9px 0px -26px rgba(255,255,255, 0.289), 19px 25.75px 0px -26px rgba(255,255,255, 0.602), -18.5px -1.75px 0px -26px rgba(255,255,255, 0.369), -32.75px -5px 0px -26px rgba(255,255,255, 0.321), 6.75px -13.75px 0px -26px rgba(255,255,255, 0.604), -31.75px -25.75px 0px -26px rgba(255,255,255, 0.827), 35.25px -27.75px 0px -26px rgba(255,255,255, 0.395), 24px 23px 0px -26px rgba(255,255,255, 0.315), 20.75px -19.5px 0px -26px rgba(255,255,255, 0.1), -35px -17.5px 0px -26px rgba(255,255,255, 0.935), 3px -35.5px 0px -26px rgba(255,255,255, 0.712), 3.75px -25.25px 0px -26px rgba(255,255,255, 0.283), 2.75px -36px 0px -26px rgba(255,255,255, 0.874), 16px 19.25px 0px -26px rgba(255,255,255, 0.294), 13.75px -1.5px 0px -26px rgba(255,255,255, 0.776), 22.5px -20.75px 0px -26px rgba(255,255,255, 0.199), -27.5px 1.75px 0px -26px rgba(255,255,255, 0.428), 16.25px 22.25px 0px -26px rgba(255,255,255, 0.165), 10.75px -26.5px 0px -26px rgba(255,255,255, 0.303), -34.25px -19.5px 0px -26px rgba(255,255,255, 0.758), -35.5px -22.25px 0px -26px rgba(255,255,255, 0.698), -10.5px 35px 0px -26px rgba(255,255,255, 0.466), -17px 23.75px 0px -26px rgba(255,255,255, 0.106), -20.5px 21.5px 0px -26px rgba(255,255,255, 0.141), 2px 25.25px 0px -26px rgba(255,255,255, 0.627), 11.5px 22.5px 0px -26px rgba(255,255,255, 0.557), -24.5px 18px 0px -26px rgba(255,255,255, 0.65), 13.75px 19.25px 0px -26px rgba(255,255,255, 0.666), 6px -29.75px 0px -26px rgba(255,255,255, 0.062), 26.25px -1px 0px -26px rgba(255,255,255, 0.707), 35.25px 12.25px 0px -26px rgba(255,255,255, 0.884), 23.5px -35px 0px -26px rgba(255,255,255, 0.316), 0.25px 32.5px 0px -26px rgba(255,255,255, 0.1), -17.5px 27px 0px -26px rgba(255,255,255, 0.587), -23.25px 35.75px 0px -26px rgba(255,255,255, 0.871), 35.5px -9.5px 0px -26px rgba(255,255,255, 0.887), 7.75px 3.5px 0px -26px rgba(255,255,255, 0.775), 17.75px -9.25px 0px -26px rgba(255,255,255, 0.335), 3.5px -26.5px 0px -26px rgba(255,255,255, 0.304), -7.25px -7.75px 0px -26px rgba(255,255,255, 0.47), -21.5px -7px 0px -26px rgba(255,255,255, 0.041), 33px 31.25px 0px -26px rgba(255,255,255, 0.38), -7.25px -35px 0px -26px rgba(255,255,255, 0.127), 0.75px 26.75px 0px -26px rgba(255,255,255, 0.359), -0.25px 26.75px 0px -26px rgba(255,255,255, 0.257), -21.75px -5px 0px -26px rgba(255,255,255, 0.376), -12.75px -20.25px 0px -26px rgba(255,255,255, 0.797), -15.5px 12.75px 0px -26px rgba(255,255,255, 0.852), 25px 35px 0px -26px rgba(255,255,255, 0.159), -2.5px 16.75px 0px -26px rgba(255,255,255, 0.914), 7.5px 8.5px 0px -26px rgba(255,255,255, 0.932), 33px -13.75px 0px -26px rgba(255,255,255, 0.572), -32.5px -34.5px 0px -26px rgba(255,255,255, 0.345), -6.25px 0px 0px -26px rgba(255,255,255, 0.151), -13px 14.75px 0px -26px rgba(255,255,255, 0.199), -11.75px -2.25px 0px -26px rgba(255,255,255, 0.534), 26.5px -5.75px 0px -26px rgba(255,255,255, 0.769), 18.75px 4.25px 0px -26px rgba(255,255,255, 0.797), -33.75px 17px 0px -26px rgba(255,255,255, 0.641), 25.25px 3px 0px -26px rgba(255,255,255, 0.121), -35.75px 11.75px 0px -26px rgba(255,255,255, 0.098), 21.75px -30.75px 0px -26px rgba(255,255,255, 0.309), -17.5px -2.5px 0px -26px rgba(255,255,255, 0.658), -25px -15.5px 0px -26px rgba(255,255,255, 0.061), -18px 15.5px 0px -26px rgba(255,255,255, 0.781), -17.5px 22px 0px -26px rgba(255,255,255, 0.222), 8.25px -5px 0px -26px rgba(255,255,255, 0.866), -35.25px 9px 0px -26px rgba(255,255,255, 0.501), -26.25px 30px 0px -26px rgba(255,255,255, 0.039), -18.75px 8px 0px -26px rgba(255,255,255, 0.678), -20px 27px 0px -26px rgba(255,255,255, 0.565), -22.75px -22px 0px -26px rgba(255,255,255, 0.8), 3.25px 36px 0px -26px rgba(255,255,255, 0.257), -27px 0.75px 0px -26px rgba(255,255,255, 0.235), -16.25px -34.25px 0px -26px rgba(255,255,255, 0.607), 10.25px -26.5px 0px -26px rgba(255,255,255, 0.429), 7.25px 29.5px 0px -26px rgba(255,255,255, 0.382), -15px 35.5px 0px -26px rgba(255,255,255, 0.776), 11.25px 27.25px 0px -26px rgba(255,255,255, 0.87), 17.25px 3.5px 0px -26px rgba(255,255,255, 0.575), 1.75px -1px 0px -26px rgba(255,255,255, 0.615), 7px 19.5px 0px -26px rgba(255,255,255, 0.285), 31.25px 10.75px 0px -26px rgba(255,255,255, 0.974), 19.25px -2.5px 0px -26px rgba(255,255,255, 0.659), 8.5px -9px 0px -26px rgba(255,255,255, 0.674), -33.25px 19.25px 0px -26px rgba(255,255,255, 0.076), 35.25px 3.75px 0px -26px rgba(255,255,255, 0.474), 33.25px 5.75px 0px -26px rgba(255,255,255, 0.47), -4px -7px 0px -26px rgba(255,255,255, 0.056), 34px 15px 0px -26px rgba(255,255,255, 0.23), 12px -20.5px 0px -26px rgba(255,255,255, 0.157), 12.75px -4px 0px -26px rgba(255,255,255, 0.201), 6px 36.25px 0px -26px rgba(255,255,255, 0.363), 15.5px 17.25px 0px -26px rgba(255,255,255, 0.727), -1.25px 29.75px 0px -26px rgba(255,255,255, 0.876), -17px 17px 0px -26px rgba(255,255,255, 0.471), 5.5px -24.25px 0px -26px rgba(255,255,255, 0.37), -36px 3.75px 0px -26px rgba(255,255,255, 0.743), 8.25px 9px 0px -26px rgba(255,255,255, 0.048), 31px -27.5px 0px -26px rgba(255,255,255, 0.316), -14px -2.75px 0px -26px rgba(255,255,255, 0.095), 27.75px 6px 0px -26px rgba(255,255,255, 0.735), 18.25px -23px 0px -26px rgba(255,255,255, 0.575), -35.5px 8.5px 0px -26px rgba(255,255,255, 0.447), 32.75px 17.5px 0px -26px rgba(255,255,255, 0.317), 15.75px 32.25px 0px -26px rgba(255,255,255, 0.89), -31px 32.75px 0px -26px rgba(255,255,255, 0.686), -26.5px -26.5px 0px -26px rgba(255,255,255, 0.379), -6.25px -16.25px 0px -26px rgba(255,255,255, 0.901), -21.25px -4.75px 0px -26px rgba(255,255,255, 0.051), -12px -19.75px 0px -26px rgba(255,255,255, 0.724), 15.5px 34px 0px -26px rgba(255,255,255, 0.603), -1px -19.5px 0px -26px rgba(255,255,255, 0.44), 31.5px -13px 0px -26px rgba(255,255,255, 0.229), 30.5px -29.5px 0px -26px rgba(255,255,255, 0.208), -29.75px -7.5px 0px -26px rgba(255,255,255, 0.275), -7.75px -6px 0px -26px rgba(255,255,255, 0.422), 9.5px -5.5px 0px -26px rgba(255,255,255, 0.401), -31.25px 27.25px 0px -26px rgba(255,255,255, 0.68), 4.5px -0.5px 0px -26px rgba(255,255,255, 0.298), 16.5px 10.5px 0px -26px rgba(255,255,255, 0.999), 29px -2.25px 0px -26px rgba(255,255,255, 0.4), -5.25px 2px 0px -26px rgba(255,255,255, 0.633), 4px 27.75px 0px -26px rgba(255,255,255, 0.446), -18.5px -34.5px 0px -26px rgba(255,255,255, 0.969), 20.75px -1.5px 0px -26px rgba(255,255,255, 0.017), -28px 25.75px 0px -26px rgba(255,255,255, 0.963), 31px 28.5px 0px -26px rgba(255,255,255, 0.414), 5.75px 22.25px 0px -26px rgba(255,255,255, 0.308), 15.25px -32.75px 0px -26px rgba(255,255,255, 0.33), 19.25px -33.5px 0px -26px rgba(255,255,255, 0.862), -33px 0.25px 0px -26px rgba(255,255,255, 0.68), 31.5px 17.5px 0px -26px rgba(255,255,255, 0.48), 15.75px -4.5px 0px -26px rgba(255,255,255, 0.109), -36px 10.5px 0px -26px rgba(255,255,255, 0.625), -14.5px -6.75px 0px -26px rgba(255,255,255, 0.509), 33.25px -15.75px 0px -26px rgba(255,255,255, 0.719), -2.25px -32px 0px -26px rgba(255,255,255, 0.109), -28.75px -2.75px 0px -26px rgba(255,255,255, 0.78), 17px 14.25px 0px -26px rgba(255,255,255, 0.438), 26.5px -33.25px 0px -26px rgba(255,255,255, 0.797), 20.5px -33px 0px -26px rgba(255,255,255, 0.464), -31px -5.5px 0px -26px rgba(255,255,255, 0.8), 14.5px 16px 0px -26px rgba(255,255,255, 0.328), 4.75px -21.75px 0px -26px rgba(255,255,255, 0.113), -27.5px -9.25px 0px -26px rgba(255,255,255, 0.021), -3.75px 15.5px 0px -26px rgba(255,255,255, 0.99), 31.75px -6px 0px -26px rgba(255,255,255, 0.259), 8.75px -24px 0px -26px rgba(255,255,255, 0.431), -9.75px 34.75px 0px -26px rgba(255,255,255, 0.687), 8px -12.75px 0px -26px rgba(255,255,255, 0.349), 34px 29.25px 0px -26px rgba(255,255,255, 0.586), 17.75px -29px 0px -26px rgba(255,255,255, 0.12), -28.5px 30px 0px -26px rgba(255,255,255, 0.002), 13.75px -22px 0px -26px rgba(255,255,255, 0.804), 14.25px 28.75px 0px -26px rgba(255,255,255, 0.117), -16.5px 5.75px 0px -26px rgba(255,255,255, 0.801), 12.5px -29.75px 0px -26px rgba(255,255,255, 0.375), 8.5px 33px 0px -26px rgba(255,255,255, 0.66), -28px -33.75px 0px -26px rgba(255,255,255, 0.256), -0.75px 3.75px 0px -26px rgba(255,255,255, 0.202), -7.75px -3.75px 0px -26px rgba(255,255,255, 0.603), -2px -36px 0px -26px rgba(255,255,255, 0.468), -28.5px 27px 0px -26px rgba(255,255,255, 0.004), -28.75px -15.25px 0px -26px rgba(255,255,255, 0.436), -30px -6.25px 0px -26px rgba(255,255,255, 0.918), -30.75px -34.5px 0px -26px rgba(255,255,255, 0.649), 26px -15.25px 0px -26px rgba(255,255,255, 0.952), 15.5px 29.5px 0px -26px rgba(255,255,255, 0.095), 1.75px -5px 0px -26px rgba(255,255,255, 0.089), -27px 6.75px 0px -26px rgba(255,255,255, 0.023), 7.75px 30.5px 0px -26px rgba(255,255,255, 0.647), 26.25px 24.5px 0px -26px rgba(255,255,255, 0.122), 24.25px -15.5px 0px -26px rgba(255,255,255, 0.062), 25.75px 1.25px 0px -26px rgba(255,255,255, 0.065), -15px -19.5px 0px -26px rgba(255,255,255, 0.483), -4.75px 34.75px 0px -26px rgba(255,255,255, 0.401), 21.5px -4.5px 0px -26px rgba(255,255,255, 0.038), -30.5px -20.5px 0px -26px rgba(255,255,255, 0.831), -9.75px 27.75px 0px -26px rgba(255,255,255, 0.322), -2.75px 20px 0px -26px rgba(255,255,255, 0.534), 2.25px 6.75px 0px -26px rgba(255,255,255, 0.707), 34.25px -24px 0px -26px rgba(255,255,255, 0.772), -32.25px 3.5px 0px -26px rgba(255,255,255, 0.238), -17.25px 9.75px 0px -26px rgba(255,255,255, 0.732), -7px -14px 0px -26px rgba(255,255,255, 0.759), 14.5px 25.5px 0px -26px rgba(255,255,255, 0.404), -26px 3.5px 0px -26px rgba(255,255,255, 0.067), 33.75px 5px 0px -26px rgba(255,255,255, 0.912), 4.75px -26px 0px -26px rgba(255,255,255, 0.321), -27.5px 36px 0px -26px rgba(255,255,255, 0.129);
}
.hide {
display: none;
}
.links {
margin-top: 5px !important;
font-size: 1em !important;
}
@-webkit-keyframes orb {
from {
transform: rotate(0deg);
}
to {
transform: rotate(-360deg);
}
}
@keyframes orb {
from {
transform: rotate(0deg);
}
to {
transform: rotate(-360deg);
}
}
.solar-syst p {
color: #ffffff33;
position: absolute;
left:20px;
margin: auto;
text-align: center;
font-size: 12px;
width: fit-content;
background: #ffffff00 !important;
}
.solar-syst:hover p {
display:block;
z-index:1;
}
.solar-syst p:hover {
box-shadow:0px 0px 1px 1px white;
cursor:pointer;
}
.star-description p.quest {
font-size: 16px;
margin-bottom: 12px;
line-height: 1.3;
display: flex;
align-items: center;
gap: 8px;
}
.star-description ul {
list-style: none;
padding: 0;
margin: 10px 0;
}
.star-description ul li {
font-size: 14px;
line-height: 1.6;
color: #333644;
position: relative;
padding-left: 20px;
margin-bottom: 12px;
}
.star-description ul li::before {
content: "";
position: absolute;
left: 4px;
top: 9px;
width: 6px;
height: 6px;
background: var(--accent-purple);
border-radius: 50%;
box-shadow: 0 0 6px var(--accent-purple);
}
.star-description ul li > span:first-child,
.star-description p > span {
background: var(--accent-purple-light);
padding: 2px 6px;
border-radius: 6px;
font-size: 13.5px;
}
.star-description a {
color: var(--accent-purple);
text-decoration: none;
font-weight: 600;
border-bottom: 1px dashed var(--accent-purple);
transition: all 0.2s ease;
width:fit-content;
} .story-tabs-widget {
padding: 15px 0px;
}
.tabs-nav {
display: flex;
background: #eef0f6; padding: 4px;
border-radius: 16px;
gap: 4px;
margin-bottom: 10px;
}
.tab-btn {
flex: 1;
background: transparent;
border: none;
padding: 10px 15px;
border-radius: 12px;
font-size: 12px;
font-weight: 700;
color: var(--text-muted);
cursor: pointer;
text-transform: uppercase;
letter-spacing: 0.5px;
transition: all 0.25s ease;
}
.tab-btn:hover {
color: var(--text-dark);
}
.tab-btn.active {
background: var(--bg-card); color: var(--accent-purple);
box-shadow: 0 4px 12px rgba(160, 165, 180, 0.15);
}
.tabs-content {
position: relative;
overflow-y: auto;
max-height: 450px; padding-right: 8px;
} .tabs-content::-webkit-scrollbar {
width: 5px;
}
.tabs-content::-webkit-scrollbar-track {
background: transparent;
}
.tabs-content::-webkit-scrollbar-thumb {
background: #e1e3ed;
border-radius: 10px;
}
.tab-pane {
display: none;
opacity: 0;
transform: translateY(10px);
transition: opacity 0.3s ease, transform 0.3s ease;
}
.tab-pane.active {
display: block;
opacity: 1;
transform: translateY(0);
}
.tab-pane .story-subtitle {
font-size: 14px;
font-weight: 600;
color: var(--text-muted);
margin-bottom: 20px;
font-style: italic;
}
.tab-pane .scene-tag {
display: inline-block;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
color: white;
background: var(--accent-purple);
padding: 3px 10px;
border-radius: 6px;
margin-top: 15px;
margin-bottom: 8px;
box-shadow: 0 4px 10px var(--accent-purple-light);
}
.tab-pane ul {
list-style: none;
margin: 15px 0;
}
.tab-pane ul li {
font-size: 14px;
line-height: 1.6;
color: #333644;
position: relative;
padding-left: 20px;
margin-bottom: 10px;
}
.tab-pane ul li::before {
content: "✦";
position: absolute;
left: 0;
color: var(--accent-purple);
font-size: 12px;
} @media (max-width: 576px) {
.tabs-nav {
flex-wrap: wrap;
}
.tab-btn {
padding: 8px;
font-size: 11px;
}
}.status-header {
display: flex;
justify-content: space-between;
align-items: center;
height: 25px;
padding:30px;
}
.header-segment {
display: flex;
align-items: center;
gap: 15px;
font-size: 14px;
font-weight: 500;
color: var(--text-dark);
}
.brand-logo {
font-weight: 800;
letter-spacing: 5px;
font-size: 18px;
color: var(--accent-purple);
text-transform: uppercase;
} .huly-container {
position: relative;
width: 100px;
height: 100px;
display: flex;
justify-content: center;
align-items: center;
} .dial-wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 320px;
height: 320px;
display: flex;
justify-content: center;
align-items: center;
z-index: 10;
}
.dial-wrapper.open .dial-track-svg {
opacity: 1;
transform: scale(1);
} .dial-horseshoe-area {
position: absolute;
width: 100%;
height: 100%;
clip-path: path("M 216.6 103.4 A 40 40 0 0 1 273.1 46.9 A 160 160 0 1 1 46.9 46.9 A 40 40 0 0 1 103.4 103.4 A 80 80 0 1 0 216.6 103.4 Z");
pointer-events: none;
z-index: 2;
background: var(--accent-purple);
opacity: 0;
transform: scale(0.7);
transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s ease;
}
.dial-wrapper.open .dial-horseshoe-area {
opacity: 1;
transform: scale(1);
} .dial-highlight {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
background: repeating-linear-gradient(
45deg,
rgba(255,255,255,0.03),
rgba(255,255,255,0.03) 2px,
transparent 2px,
transparent 6px
), rgba(255, 255, 255, 0.05);
transform-origin: center;
transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
opacity: 0;
}
.dial-highlight.active {
opacity: 1;
} .dial-items {
position: absolute;
width: 100%;
height: 100%;
list-style: none;
z-index: 3;
opacity: 0;
transform: scale(0.7);
pointer-events: none;
transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s ease;
}
.dial-wrapper.open .dial-items {
opacity: 1;
transform: scale(1);
pointer-events: auto;
}
.dial-item {
position: absolute;
width: 40px;
height: 40px;
top: 50%;
left: 50%;
margin: -40px;
display: flex;
justify-content: center;
align-items: center;
color: var(--text-muted);
font-size: 18px;
cursor: pointer;
transition: color 0.3s ease, transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
-webkit-tap-highlight-color: transparent;
padding: 40px;
}
.dial-item:hover, .dial-item.active {
color: #fff;
} .dial-center {
position: relative;
width: 140px;
height: 140px;
border-radius: 50%;
background: #f0e8fb;
box-shadow: 0 8px 24px rgba(160, 165, 180, 0.1);
display: flex;
justify-content: center;
align-items: center;
z-index: 20;
cursor: pointer;
transform: scale(0.5);
transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.dial-wrapper.open .dial-center {
transform: scale(1);
}
.dial-center:hover:before {
opacity:1;
}
.dial-center::before {
content: '';
position: absolute;
width: 150px;
height: 150px;
border-radius: 50%;
border: 3px solid rgb(104, 26, 220);
pointer-events: none;
opacity: 0;
transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.dial-center i {
font-size: 24px;
color: var(--accent-purple);
transition: transform 0.4s ease;
}
.dial-wrapper.open .dial-center i {
transform: rotate(90deg);
} .connection-svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 5;
}
.connection-path {
fill: none;
stroke: var(--line-color);
stroke-width: 1.5;
transition: d 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease;
opacity: 0;
}
.dial-wrapper.open ~ .connection-svg .connection-path {
opacity: 1;
} .submenu-wrapper {
position: absolute;
top: 50%;
display: flex;
align-items: center;
height: 280px;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease, transform 0.3s ease, left 0.4s ease, right 0.4s ease;
z-index: 10;
}
.submenu-wrapper.side-right {
right: -350px;
left: auto;
transform: translateY(-50%) translateX(20px);
}
.submenu-wrapper.side-left {
left: -350px;
right: auto;
transform: translateY(-50%) translateX(-20px);
}
.dial-wrapper.open ~ .submenu-wrapper.visible {
opacity: 1;
pointer-events: auto;
}
.dial-wrapper.open ~ .submenu-wrapper.side-right.visible,
.dial-wrapper.open ~ .submenu-wrapper.side-left.visible {
transform: translateY(-50%) translateX(0);
}
.submenu-list-container {
height: 100%;
width: 250px;
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: none;
-ms-overflow-style: none;
mask-image: linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);
-webkit-mask-image: linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);
padding: 40px 0;
}
.submenu-list-container::-webkit-scrollbar {
display: none;
}
.submenu-list {
display: none;
flex-direction: column;
gap: 12px;
list-style: none;
padding:10px;
}
.submenu-list.active {
display: flex;
}
.submenu-item {
background: #f0e8fb;
border: 1px solid #f0e8fb;
border-radius: 12px;
padding: 12px 16px;
display: flex;
align-items: center;
gap: 12px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
transition: all 0.2s ease;
color: #0a0a2a;
}
.submenu-item i {
font-size: 16px;
color: var(--text-muted);
transition: color 0.2s ease;
}
.submenu-item:hover, .submenu-item.active {
background: var(--accent-purple);
border-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 4px 15px rgba(0,0,0,0.2);
transform: scale(1.02);
color: white;
}
.submenu-item:hover i, .submenu-item.active i {
color: #fff;
}
.star-description {
font-size: 14px;
line-height: 1.6;
color: #3f4161;
}  #search-form.wp-block-search {
width: 100%;
max-width: 300px; display: flex;
align-items: center;
} #search-form .wp-block-search__inside-wrapper {
position: relative;
display: flex;
align-items: center;
width: 100%;
background: var(--bg-card);
border: 1px solid #e1e3ed;
border-radius: 14px; padding: 4px 6px;
transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
box-shadow: 0 4px 12px rgba(160, 165, 180, 0.05);
} #search-form .wp-block-search__inside-wrapper:focus-within {
border-color: var(--accent-purple);
box-shadow: 0 0 0 3px var(--accent-purple-light), 0 8px 20px rgba(104, 26, 220, 0.08);
} #search-form .wp-block-search__input {
flex: 1;
border: none !important;
outline: none !important;
background: transparent !important;
padding: 8px 12px !important;
font-size: 14px;
font-weight: 500;
color: var(--text-dark);
width: 100%;
} #search-form .wp-block-search__input::placeholder {
color: var(--text-muted);
opacity: 0.7;
font-weight: 400;
} #search-form .wp-block-search__button {
background: var(--accent-purple-light);
border: none;
color: var(--accent-purple);
width: 34px;
height: 34px;
border-radius: 10px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.2s ease;
font-size: 14px;
} #search-form .wp-block-search__button:hover {
background: var(--accent-purple);
color: #ffffff;
transform: scale(1.05);
} #search-form .wp-block-search__button::before {
font-family: "Font Awesome 6 Free" !important;
font-weight: 900;
content: "\f002" !important; } @media (max-width: 768px) {
.huly-container { width: 100vw; height: 100vh; min-height: 560px; flex-direction: column; justify-content: flex-start; padding: 10px; }
.dial-wrapper { position: relative; top: auto; left: auto; transform: scale(0.8); margin-top: 30px; margin-bottom: 5px; }
.submenu-wrapper.side-left, .submenu-wrapper.side-right { position: relative; top: auto; left: auto; right: auto; transform: translateY(15px); width: 100%; max-width: 320px; height: 220px; margin: 0 auto; opacity: 0; }
.dial-wrapper.open ~ .submenu-wrapper.visible { opacity: 1; transform: translateY(0); }
.submenu-list-container { width: 100%; }
#search-form.wp-block-search {
max-width: 100%;
margin: 10px 0;
}
}