hello.css

html
{
	background-image :url(daf.jpg);
}
@media(min-width:768px)
{
	body{
		
		width:750px;
	}
}
@media(min-width:992px)
{
	body{
		width:970px;
	}
}

@media(min-width:1200px)
{
	body{
		width:1179px;
	}
}
body{
	perspective: 600px;
	padding: 0px;
margin: 0px;
height:600px;
width: 1349px;
	background:blue;
	background:linear-gradient(to right,#3e99ff,#303030);
	
}
div{
    text-align: center;
    list-style:none;
	
    padding:3pc;
    margin: pc;
}body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f4f4f4;
}

header {
    background-color: #333;
    color: #fff;
    padding: 10px;
    text-align: center;
}

nav ul {
    list-style: none;
    padding: 0;
}

nav ul li {
    display: inline;
    margin: 0 10px;
}

nav ul li a {
    color: white;
    text-decoration: none;
}

section {
    text-align: center;
    margin: 10px;
    padding: 10px;
    background-color: #c9dae7;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

button {
    padding: 10px; px;
    background-color: #bcbec0;
    color: white;
    border: none;
    border-radius: px;
    cursor: pointer;
}

button:hover {
    background-color: #090a0c;
    .footer {
        text-align: center;
        margin: auto;
        height: 60px;
        padding: 5px;
        display: block;
      position: absolute;
      top: 50%;
      }