.header{background-color:#f8f8f8;padding:1.5rem 5rem;width:100%;box-shadow:0 4px 4px #0000001a;position:relative;z-index:10}.nav{display:flex;justify-content:space-between;width:100%}.nav-link{color:#555;text-decoration:none;font-size:1.1rem;font-weight:500;transition:color .2s}.nav-link:hover{color:#333}.nav-link:active{color:#222}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:2rem}.main-content.default-background,.main-content.home-background{background-color:#f5f5f5}.main-content.about-background{background-color:#f0f0f0}.page{max-width:800px;margin:0 auto}.page h1{margin-bottom:1rem;color:#333}.page p{line-height:1.6;color:#555;font-size:1.1rem;margin-bottom:1rem}.page a{transition:opacity .2s}.page a:hover{opacity:.7;text-decoration:underline}