@charset "UTF-8";
/* CSS Document */

body, html {
	scroll-behavior: smooth;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}

.sticky-nav {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    background-color: #333;
    padding: 10px 0;
    z-index: 1000;
    text-align: center;
}

.sticky-nav a {
    color: white;
    text-decoration: none;
    margin: 0 15px;
    font-size: 18px;
}

.content section {
    padding: 20px;
    margin: 10px 0;
    background-color: #f4f4f4;
    border: 1px solid #ddd;
    height: 500px; /* just for demonstration */
}

/* Adding some color to distinguish the sections */
#home { background-color: lightcoral; }
#about { background-color: lightblue; }
#services { background-color: lightgreen; }
#contact { background-color: lightgoldenrodyellow; }