* {

box-sizing: border-box;

}


body {

margin:0;

font-family: Arial, Helvetica, sans-serif;

background:#f7f7f7;

color:#333;

}


.container {

width:90%;

max-width:1200px;

margin:auto;

}


.header {

background:#d62828;

padding:20px 0;

color:white;

}


.logo {

font-size:26px;

font-weight:bold;

}


nav a {

color:white;

text-decoration:none;

margin-left:20px;

}


.hero {

background:white;

padding:50px;

margin-top:30px;

border-radius:10px;

}


.hero h1 {

color:#d62828;

}


.footer {

margin-top:50px;

background:#222;

color:white;

padding:20px 0;

text-align:center;

}