.planets{border-radius:10px;width:100%;height:500px;margin-top:20px;position:relative;overflow:hidden}.planet-item{border-radius:50%;justify-content:center;align-items:center;width:12vw;height:12vw;display:flex;position:absolute;overflow:hidden}.planet-item img{object-fit:cover;object-position:center;width:100%;height:100%}.planet-2{top:15%;left:10%}.planet-3{top:35%;left:65%}.planet-4{top:60%;left:10%}.planet-5{top:68%;left:75%}.planet-6{top:72%;left:32%}.planet-7{top:20%;left:85%}.planet-8{top:10%;left:25%}@media (max-width:768px){.planets{height:300px}.planet-item{width:20vw;height:20vw}}@media (max-width:480px){.planets{height:200px}.planet-item{width:25vw;height:25vw}.planet-2{top:10%;left:5%}.planet-3{top:30%;left:60%}.planet-4{top:50%;left:5%}.planet-5{top:60%;left:70%}.planet-6{top:65%;left:30%}.planet-7{top:15%;left:80%}.planet-8{top:5%;left:20%}}.planets img{margin-left:auto;margin-right:auto;display:block}.App{text-align:center}.App-logo{pointer-events:none;height:40vmin}@media (prefers-reduced-motion:no-preference){.App-logo{animation:20s linear infinite App-logo-spin}}.App-header{color:#fff;background-color:#282c34;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-size:calc(10px + 2vmin);display:flex}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-image:url(/star-field-golden-and-silver.jpg);font-family:Arial,sans-serif}.container{max-width:1200px;margin:0 auto;padding:20px}.title{text-align:center;color:purple;text-shadow:2px 2px #fff,-2px -2px #fff,-2px 2px #fff,2px -2px #fff;font-size:4vw}.title h5{letter-spacing:1px;font-size:3rem;font-style:italic}h4{padding:20px;font-size:2.5rem;font-style:italic}.TopPlatform,.InfoSection,.Contact{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.TopPlatform video,.TopPlatform img,.Contact input,.Contact textarea,.AboutDiv{max-width:100%;margin:15px;padding:20px}.img-container{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}.img-box{flex:calc(50% - 20px);justify-content:center;align-items:center;display:flex}img,video{max-width:100%;height:auto}.footer,nav{color:#fff;text-align:center;background-color:#333;border-bottom:2px solid #1e90ff;padding:10px 20px;box-shadow:0 2px 5px #0003}nav ul{justify-content:center;list-style-type:none;display:flex}nav li{margin:0 10px}nav li a{color:#fff;border-radius:5px;padding:10px 15px;text-decoration:none;transition:background-color .3s,color .3s}nav li a:hover,nav li a:focus,.Contact button:hover,.Contact button:focus{color:#fff;background-color:#1e90ff}.InfoSection,.AboutDiv{color:purple;background-color:#f5f5f5;border-radius:8px;box-shadow:0 0 10px #00000080}.InfoSection{background-color:#faebd7;border-radius:10px;justify-content:space-between;align-items:center;padding:20px;display:flex}.info-left,.info-middle,.info-right{text-align:center;flex:1}.info-left{text-align:left}.info-middle{flex-direction:column;justify-content:center;align-items:center;gap:20px;font-size:22px;font-weight:700;display:flex}.info-middle .info-list{flex-wrap:wrap;justify-content:center;gap:20px;margin:0;padding:0;list-style:none;display:flex}.info-middle li{justify-content:center;align-items:center;gap:10px;display:flex}.info_social{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.info_social img,.info_social svg{width:40px;height:40px;margin:0}.info-right{text-align:right}.Contact{background-image:url(https://media.istockphoto.com/id/1332357236/video/idyllic-emerald-river-in-lush-green-mountain-valley.jpg?s=640x640&k=20&c=Du5eYz4kS1hp8N6RXpTHc-5zLJzZtsL-1wU6W-0s89s=);background-position:50%;background-repeat:no-repeat;flex-direction:column}.Contact input,.Contact textarea{border:1px solid #ddd;border-radius:4px;width:100%;max-width:400px}.Contact button{color:#fff;cursor:pointer;background-color:#1e90ff;border:none;border-radius:4px;padding:10px 20px}.AboutMain{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1200px;min-height:100vh;margin:auto;padding:20px;display:flex}.AboutDiv{color:purple;background-color:#f5f5f5;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1100px;margin:20px;padding:50px;font-size:25px;line-height:35pt;display:flex;box-shadow:0 4px 8px #0003}.img-box{flex-direction:column;justify-content:center;align-items:center;display:flex}@media (max-width:768px){nav ul{flex-direction:column;align-items:center}nav li{margin:5px 0}.InfoSection{text-align:center;flex-direction:column}.info-left,.info-right{text-align:center}.info-middle{margin-top:20px}.AboutMain{padding:10px}.AboutDiv{max-width:90%}}@media (max-width:480px){.title{font-size:2rem}.title h5{letter-spacing:0;word-wrap:break-word;overflow-wrap:break-word;text-align:center;font-size:1.2rem}h4{font-size:1.8rem}.img-box{flex:100%;margin-bottom:20px}.InfoSection,.Contact,.AboutMain{padding:10px}.info_social img,.info_social svg{width:30px;height:30px}}.opacity-75{opacity:.75}.text-skyblue{color:#87ceeb}