* { scroll-behavior: smooth; } body { margin: 0; /* Remove body margins */ background-color: rgb(250, 248, 248); } a { text-decoration: none; } .page-container { scroll-behavior: smooth; display: flex; flex-direction: column; justify-content: center; align-items: stretch; padding-left: clamp(35px, 10%, 10vw); padding-right: clamp(35px, 5%, 10vw); padding-top: clamp(85px, 10vw, 160px); } @media only screen and (min-width: 1000px) { .page-container { display: flex; flex-direction: column; justify-content: center; align-items: stretch; padding-left: clamp(35px, 25%, 10vw); padding-right: clamp(35px, 25%, 10vw); padding-top: clamp(85px, 10vw, 160px); } } /* @media only screen and (min-width: 750px) { .page-container { padding: 0px 50px; padding-top: 85px; } } @media only screen and (min-width: 1000px) { .page-container { padding: 0px 75px; padding-top: 85px; } } @media only screen and (min-width: 1500px) { .page-container { padding: 0px 120px; padding-top: 85px; } } @media only screen and (min-width: 1700px) { .page-container { padding: 0px 200px; padding-top: 85px; } }*/