/* General Resets */

* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}



body {

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

    line-height: 1.6;

}



/* Header */

header {

    background: url('path-to-stars-image.jpg') no-repeat center center/cover;

    color: white;

    padding: 20px;

    text-align: center;

}



/* Navigation */

nav {

    background-color: #008080; /* Teal color */

    padding: 20px;

    height: 100vh; /* Full height of the view */

}



nav ul {

    list-style: none;

}



nav ul li a {

    color: white;

    text-decoration: none;

    display: block;

    padding: 10px 0;

}



/* Main content */

main {

    margin-left: 220px; /* Give space for the fixed navigation */

    padding: 20px;

}



main h1 {

    font-size: 3em;

    margin-bottom: 0.5em;

}



/* Columns for text */

main p {

    column-count: 2;

    column-gap: 20px;

    margin-bottom: 20px;

}



/* Sample headings */

main h3 {

    background-color: #e0e0e0; /* Light grey background */

    color: #333; /* Dark text color */

    padding: 5px;

    margin-top: 20px;

}



/* Footer */

footer {

    background-color: #00008B; /* Dark blue */

    color: white;

    text-align: center;

    padding: 10px;

    position: absolute;

    bottom: 0;

    width: 100%;

}



@media screen and (max-width: 768px) {

    /* Responsive adjustments */

    nav {

        height: auto;

        width: 100%;

        position: relative;

    }



    main {

        margin-left: 0;

    }



    main p {

        column-count: 1;

    }

} /* General Resets */

* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}



body {

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

    line-height: 1.6;

}



/* Header */

header {

    background: url('stars.jpg') no-repeat center center/cover;

    color: white;

    padding: 20px;

    text-align: center;

}



/* Navigation */

nav {

    background-color: #008080; /* Teal color */

    padding: 20px;

    height: 100vh; /* Full height of the view */

}



nav ul {

    list-style: none;

}



nav ul li a {

    color: white;

    text-decoration: none;

    display: block;

    padding: 10px 0;

}



/* Main content */

main {

    margin-left: 100px; /* Give space for the fixed navigation */

    padding: 20px;

}



main h1 {

    font-size: 3em;

    margin-bottom: 0.5em;

}



/* Columns for text */

main p {

    column-count: 2;

    column-gap: 20px;

    margin-bottom: 20px;

}



/* Sample headings */

main h3 {

    background-color: #e0e0e0; /* Light grey background */

    color: #333; /* Dark text color */

    padding: 5px;

    margin-top: 20px;

}



/* Footer */

footer {

    background-color: #00008B; /* Dark blue */

    color: white;

    text-align: center;

    padding: 10px;

    position: absolute;

    bottom: 0;

    width: 100%;

}



 100%;

    }



    main {

        margin-left: 0;

    }



    main p {

        column-count: 1;

    }

}