footer{display:flex;align-items:center;justify-content:center;background-color:#4caf50;color:#fff;height:50px;position:absolute;bottom:0;width:100%}footer p{margin:0;font-size:14px}header{display:flex;align-items:center;justify-content:center;background-color:#4caf50;color:#fff;height:100px}header img{width:70px;height:70px;margin-right:10px}header h1{margin-right:10rem;font-size:32px}nav{background-color:#f7f7f7;display:flex;justify-content:space-between;align-items:center;height:60px;padding:0 20px;box-shadow:0 4px 6px #0000001a}nav ul{display:flex;justify-content:center;align-items:center;list-style-type:none;margin:0;padding:0}nav li{margin:0 10px}nav a{text-decoration:none;color:#333;font-weight:700;padding:5px;border-radius:5px;transition:background-color .3s ease}nav a:hover{background-color:#333;color:#f7f7f7}body{margin:0;padding:0;font-family:Arial,sans-serif}.container{margin:20px}.button{background-color:#4caf50;border:none;color:#fff;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer}input[type=text],input[type=password]{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}form{width:50%;margin:auto}