/* Enable smooth scrolling */
html {
scroll-behavior: smooth;
}
/* Disable smooth scrolling for users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}
/* Optional: Adjust scrolling for fixed headers */
html {
scroll-padding-top: 100px; /* Adjust this value based on your header height */
}
/* Optional: Style for a "Back to Top" button */
.back-to-top {
position: fixed;
bottom: 20px;
right: 20px;
background-color: #007bff;
color: #ffffff;
border: none;
border-radius: 50%;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
font-size: 20px;
cursor: pointer;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s, visibility 0.3s;
}
.back-to-top.visible {
opacity: 1;
visibility: visible;
}