html,body{margin:0;padding:0;height:100%}.app{display:flex;flex-direction:column;margin:0;height:100vh;font-family:Arial,Helvetica,sans-serif}header{display:flex;align-items:center;gap:30px;height:0 80px;background:#507795e0;height:50px;font-size:small}main{padding-top:00px;flex:1;display:flex;text-align:center;background:#6f8290d1;flex-direction:column}footer{display:flex;text-align:center;align-items:center;justify-content:center;gap:30px;flex:0 30px;background:#507795e0}main{padding-top:200px;flex:1;display:flex;text-align:center;background:#6f8290d1;flex-direction:column;font-size:xx-large;font-weight:700}main form button:hover{background:#488bf6}main ul{list-style:none}body{display:flex;flex-direction:column;margin:0;height:100vh;font-family:Arial,Helvetica,sans-serif}header{display:flex;align-items:center;gap:30px;flex:0 80px;background:#507795e0;height:50px;font-size:small}menu{list-style:none;padding:0;margin:0;flex:1;display:flex;flex-direction:row;gap:20px;font-size:large}menu li a{text-decoration:none;color:#000;font-weight:700}menu li a:hover{color:#343941}main{flex:1;display:flex;text-align:center;background:#6f8290d1;flex-direction:column;padding-top:50px}main ul li{list-style:none}footer{display:flex;align-items:center;justify-content:center;gap:30px;flex:0 30px;background:#507795e0}footer a{color:#000}img{max-width:100%;height:auto}