*{
	margin: 0;
	padding: 0;
	scroll-behavior: smooth !important;
}

#home{
	height: 100vh;
	width: 100vw;
	overflow: hidden;
}
.logos{
	position: absolute;
	top: 0;
	left: 0;
	margin: 2vh;
	display: flex;
	z-index: 2;
}
.img2{
	position: absolute;
	top: 0;
	left: 0;
	height: 100vh;
	z-index: 1;

}
.img1{
	position: absolute;
	top: 0;
	left:0;
	height: 100vh;
	width: 100vw;
	z-index: 2;
}
.iit{
	cursor: pointer;
}
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.iitgoalogo,.ebsblogo{
	position: relative;
	height: 80px;
	padding: 1vh;
}

.half-earth{
	animation:spin 10s linear infinite;
	position: absolute;
	bottom: -40vh;
	left: -40vh;
	height: 80vh;
	z-index: 2;
}
.earth a{
	position: absolute;
	bottom: 7vh;
	left: 0;
	font-size: 4vh;
	width:30vh;
	text-align: left;
	padding-left: 5vh;
	color: black;
	text-decoration: none;
	font-family: montserrat;
	background-color: rgb(225,225,225,0.7);
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	z-index: 3;
}
.download-button{
	position: absolute;
	bottom: 0.7vh;
	left: 25vh;
	width: 4vh;
	cursor: pointer; 
}
.cult-logo{
	align-content: center;
	position: relative;
	height: auto;
	top: 0;
	left: 0;
	margin: 0 auto;
}
@keyframes Movelrlogo {
    0%, 100% {
      left: 18vw;
    }
    50% {
      left: 22vw;
    }
}
@keyframes Movelrlogomob {
    0%, 100% {
      left: 8vw;
    }
    50% {
      left: 12vw;
    }
}
.Cultrang-logo{
	animation: Movelrlogo 5s linear infinite;
	position: relative;
	width: 60vw;
	top: 0;
	left: 20vw;
	margin: 0 auto;
	padding: auto;
	z-index: 2;
	transition: 0.5s;
}
.registerbutton button {
    position: absolute;
    top: 87%;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    margin: 0;
    padding: 10px 40px;
    border-radius: 35px;
    background: transparent;
    border: 2px dotted white;
    z-index:10;
    font-size: 20px;
    color: white;
}

@media screen and (max-width:730px){
.iitgoalogo,.ebsblogo{
	height: 60px;
	padding: 0.5vh;
}
.Cultrang-logo{
	animation: Movelrlogomob 5s linear infinite;
	width: 80vw;
	left: 10vw;
}
.registerbutton button {
    top: 65%;
    left: 50%;
    padding: 10px 40px;
    font-size: 20px;
    transition: 0.5s;
}
.half-earth{
	height: 60vh;
	bottom:-30vh;
	left:-30vh;
}
.earth a{
	bottom: 5.25vh;
	font-size: 3vh;
	width:22.5vh;
	padding-left: 3.75vh;
}
.download-button{
	bottom: 0.5vh;
	left: 18.75vh;
	width: 3vh; 
}

}
