html { scroll-behavior: smooth; }
    body { font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Cantarell, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji'; }
    .glass { backdrop-filter: blur(8px); background: rgba(255,255,255,0.7); }
    .gradient { background: radial-gradient(1000px 400px at 10% 10%, rgba(59,130,246,.6), transparent),
                         radial-gradient(800px 300px at 90% 20%, rgba(16,185,129,.6), transparent),
                         radial-gradient(1200px 500px at 50% 100%, rgba(99,102,241,.2), transparent); }
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
#mobileNav {
    animation: show 0.3s ease-out forwards;
}


.indus{
    background-image: url('assets/indus.jpg');
    background-size: cover;
    width: 100%;
    height: 100vh;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.9);
}
.indus p{
    color: rgb(5, 204, 249);
    padding-top: 30%;
    padding-left: 30%;
    font-size: 90px;
    font-weight: bold;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.9);
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	
	height: 20px;
	position: relative;
	left: -100px;
    transition: 0.4s;
	cursor: pointer;
	z-index: 2;
	animation: fade-up 1s;
	
}

@keyframes fade-up{
	0%{
		transform: translate(-250px) scale(0.1);
	}
	100%{
		transform: translateY(0px) scale(1);
	}
}
content h1{
	transition: 0.9s;
	z-index: 8;
	animation: fade-up 1s;
}