* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}



body {

    font-family: Arial, sans-serif;

    background-color: #f4f4f4;

    color: #333;

    min-height: 100vh;

    display: flex;

    flex-direction: column;

}



header {

    background-color: #0078d7;

    color: white;

    padding: 20px;

    text-align: center;

}



nav {

    margin-top: 10px;

}



nav a {

    color: white;

    text-decoration: none;

    margin: 0 10px;

}



nav a:hover {

    text-decoration: underline;

}



main {

    display: flex;

    gap: 20px;

    width: 100%;

    max-width: 100vw;

    margin: 20px auto;

    padding: 0 20px;

    flex: 1;

}



.content {

    flex: 3;

    background: white;

    padding: 20px;

    border-radius: 8px;

}



aside {

    flex: 1;

    background: white;

    padding: 20px;

    border-radius: 8px;

}



footer {

    background-color: #222;

    color: white;

    text-align: center;

    padding: 15px;

    margin-top: 20px;

}