body{
        margin: 0;
        padding: 0;
        box-sizing: border-box;
		
    }
    .home{
		max-width: 600px;
		margin: 0 auto;
		background: #f0f8ff;
		min-height: 100vh;
    }
    .home-page {
        background: #f0f8ff;
        min-height: auto;
        padding: 20px;
        text-align: center;
		max-width: 100%;
		margin: 0 auto;
    }
    
    .logo-container img {
        max-width: 100%;
        margin: 20px auto;
    }
    
    .welcome-title {
        color: #eb9e17;
        font-size: 24px;
        margin: 15px 0;
    }
    
    .button-group-card {
        background: white;
        border-radius: 10px;
        padding: 20px;
        box-shadow: 0 2px 12px rgba(0,0,0,0.1);
    }
    
    .cool-button {
        display: block;
        padding: 12px;
        margin: 15px 0;
        border: none;
        border-radius: 25px;
        font-size: 16px;
		line-height:35px;
        color: white;
        transition: all 0.3s;
    }
	.cool-button img{
	margin-bottom:-5px;
	margin-right:15px;
    }
	.cool-button a:link {
	color:white;
	text-decoration: none;
	}
	.cool-button a:visited {
	color:white;
	}
	.cool-button a:hover {
	color:white;
	}
    .registration { background: linear-gradient(135deg, #667eea, #764ba2);}
    .query { background: linear-gradient(135deg, #63b3ed, #4299e1); }
    .teacher-login { background: linear-gradient(135deg, #f6ad55, #ed64a6); }
    
    .footer {
        margin-top: 40px;
        color: #666;
        font-size: 12px;
    }