body,html{margin:0;padding:0;font-family:Arial,sans-serif}.layout{display:flex;flex-direction:column;min-height:100vh}.header{background-color:#333;color:#fff;padding:10px 20px}.header h1{margin:0}.header nav ul{list-style:none;padding:0}.header nav ul li{display:inline;margin-right:15px}.header nav ul li a{color:#fff;text-decoration:none}.main-content{flex:1 1;padding:20px}.footer{background-color:#333;color:#fff;text-align:center;padding:10px 0}