body { overflow: hidden; padding: 0; margin: 0 }
#unity-container { position: fixed; width: 100%; height: 100%; }
#unity-canvas { width: 0%; height: 0%; background: #000000; display: none; }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }

.container {
    position: relative;
    width: 100vw;
    height: 100vh;
    background: #000000;
}

#earth, #moon {
    position: absolute;
    width: 10vw; /* Adjust size based on viewport width */
    height: auto;
    top: 35vh; /* Position from the bottom of the viewport */
}

#earth {
    left: 5vw; /* Position from the left of the viewport */
    width: 25vw;
}

#moon {
    right: 50px; /* Position from the right of the viewport */
    top: 35vh;
}

#rocket {
    position: absolute;
    width: 5vw; /* Adjust size based on viewport width */
    height: auto;
    z-index: 1;
    display: none;
    transition: 1s;
}

#ChandrayaanText {
    position: absolute;
	color: #ffffff;
    width: 100vw;
	font-size: 50px;  
    top: 125px;
    text-align: center;
	font-weight: 900;
	text-shadow: 
		-0.0075em 0.0075em 0 #a3a3a3,
		0.005em 0.005em 0 #2b2b2b,
		0.01em 0.01em 0 #494949, 
		0.015em 0.015em #757575, 
		0.02em 0.02em 0 #d6d6d6, 
		0.025em 0.025em 0 #5f5f5f,
		0.03em 0.03em 0 #b6b6b6,
		0.035em 0.035em 0 #181818;
}

#ChandrayaanText2 {
    position: absolute;
	color: #ffffff;
    width: 100vw;
	font-size: 20px;  
    top: 100px;
    text-align: center;
	font-weight: 900;
	text-shadow: 
		-0.0075em 0.0075em 0 #a3a3a3,
		0.005em 0.005em 0 #2b2b2b,
		0.01em 0.01em 0 #494949, 
		0.015em 0.015em #757575, 
		0.02em 0.02em 0 #d6d6d6, 
		0.025em 0.025em 0 #5f5f5f,
		0.03em 0.03em 0 #b6b6b6,
		0.035em 0.035em 0 #181818;
}

#ChandrayaanLoading
{
    width: 100vw;
    color: #ffffff;
    font-size: 35px;
    position: absolute;
    bottom: 150px;
    text-align: center;
    font-weight: bold;
}

#ChandrayaanFact
{
    width: 100vw;
    color: #ffffff;
    font-size: 15px;
    position: absolute;
    bottom: 75px;
    text-align: center;
}


@media only screen and (max-width: 768px) {
    #ChandrayaanText{
        font-size: 30px;
    }

    #ChandrayaanText2{
        font-size: 20px;
    }
}