body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.95)),
                url('https://images.unsplash.com/photo-1580281657527-47e0b5b7f8d7') no-repeat center/cover;
    color: #333;
}
header {
	color: white;
	padding: 25px;
	text-align: center;
	background-color: #1F6Feb;
}
.container {
    max-width: 900px;
    margin: 30px auto;
    background: white;
    padding: 25px;
    border-radius: 10px;
}
h1 {
    color: #ffffff;
	}
h2, h3 {
    color: #1f6feb;
	}
	
.btn {
    display: inline-block;
    padding: 12px 18px;
    background: #1f6feb;
    color: white;
    text-decoration: none;
    border-radius: 6px;
    margin-top: 10px;
}
.box {
    background: #eef3ff;
    padding: 15px;
    border-radius: 8px;
    margin-top: 20px;
}
footer {
    text-align: center;
    padding: 20px;
    color: #777;
}

@media (max-width: 600px) {
    .container {
        padding: 15px;
    }
    h1 {
        font-size: 22px;
    }
    .btn {
        display: block;
        width: 100%;
        text-align: center;
    }
}