:root{--background: #ffffff;--foreground: #171717}@media (prefers-color-scheme: dark){:root{--background: #0a0a0a;--foreground: #ededed}}.menu{flex:1 0 100px;display:flex;justify-content:space-around;*{padding:1rem}}.user-info{flex:0 0 30vw;border-left:2px solid orange;text-align:center;padding:1rem}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#ffffff1a}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme: dark){html{color-scheme:dark}}header{display:flex;background-color:#ffffff40;border-bottom:orange 2px solid}main{min-height:90vh;max-width:1200px;padding:1rem;margin:0 auto;background:var(--background)}footer{background-color:#ffffff40;text-align:center;padding:1rem;border-top:orange 2px solid;height:5vh}.trails-listing{@media screen and (min-width: 40em){display:flex;flex-wrap:wrap;justify-content:space-between;.trail-box{flex:0 1 calc(50% - 1em)}}@media screen and (min-width: 60em){.trail-box{flex:0 1 calc(25% - 1em)}}.trail-box{border:2px solid #ccc;border-radius:.5rem;margin-bottom:1rem;padding:0;img{float:right;width:128px;margin:0 1rem}.trail-name{margin:0;background-color:#ffffff1a;padding:1rem;border-radius:.5rem .5rem 0 0}}}.trail-view{flex:1 0 25%;.trail-thumbnail{width:256px;border-radius:.25rem}.trail-map{display:block;width:80%;margin:1rem auto;border-radius:.25rem}.dnr-link{display:block;text-align:center;width:300px;margin:.5rem auto;padding:1rem;font-size:1.2rem;background:green;border-radius:.25rem}}