@media (max-width: 768px){.page-content{flex-direction:column;align-items:center;min-height:auto;padding:1rem}.reading-log-container,.weather-widget,.ama-box{position:relative;left:auto;right:auto;top:auto;transform:none;width:95%;max-width:500px;margin:1rem auto}.reading-form{width:100%;max-width:100%;box-sizing:border-box;padding:0 1rem}.reading-form input{width:100%!important;max-width:100%!important;box-sizing:border-box}}.reading-form input{width:95%;max-width:99.6%;box-sizing:border-box}.page-content{display:flex;justify-content:center;align-items:center;min-height:90vh;position:relative}.reading-log-container{position:absolute;left:14rem;top:0rem}.weather-widget{position:absolute;width:100%!important;max-width:300px;right:18rem;top:12rem}.ama-box{position:absolute;top:20rem;left:50%;transform:translate(-50%);max-width:420px;padding:1rem;background-color:#fffc;border-radius:12px;box-shadow:0 4px 12px #0000004d}@media (max-width: 768px){.page-content{flex-direction:column;align-items:center;min-height:auto;padding:1rem}.reading-log-container,.weather-widget,.ama-box{position:relative;left:auto;right:auto;top:auto;transform:none;width:80%;margin:1rem auto}}.stats-page{display:flex;flex-direction:column;gap:2rem;padding:2rem;padding-top:150px}.stat-box{background:#ffffffeb;padding:1.5rem;border-radius:10px;max-width:320px;width:100%;box-shadow:0 4px 10px #0000001a}.book-list-box{margin-top:0rem;background:#ffffffeb;padding:.75rem 1rem 1rem;border-radius:10px;max-width:320px;width:100%;box-shadow:0 4px 10px #0000001a;color:#000;text-align:center}.book-list-box h4{margin:.25rem 0 .5rem}.book-list-box ul{list-style:none;padding-left:0;margin:0;font-size:.95rem}.book-list-box li{margin-bottom:.5rem;font-weight:500}@media (max-width: 768px){.page-content{flex-direction:column;align-items:center;padding:1rem}}.user-section{display:flex;flex-direction:column;align-items:center;gap:1rem}@media (min-width: 768px){.stats-page{flex-direction:row;justify-content:space-around;align-items:flex-start}.user-section{align-items:flex-start}}.mountains-page{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem}.mountains-weather{width:100%;max-width:320px;margin-bottom:2rem}.mountains-gallery{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:500px}.mountains-gallery img{width:100%;border-radius:12px;object-fit:cover}@media (max-width: 768px){.mountains-weather{max-width:90%;margin:0 auto 2rem}.mountains-gallery{gap:1.5rem}}.navbar{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1.5rem;padding:1rem;background-color:#000000eb}.nav-link{color:#fff;font-weight:700;text-decoration:none;font-size:1.25rem}.nav-link:hover{text-decoration:underline}@media (max-width: 768px){.navbar{flex-direction:column;align-items:flex-start;padding:1rem;gap:.75rem}.nav-link{font-size:1.1rem}}body,html{margin:0;padding:0;height:100%;font-family:sans-serif;color:#fff}.background-wrapper{position:relative;min-height:100vh;overflow:hidden}.background-wrapper:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/WoodlandPark_fixed.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;opacity:.8;z-index:-1}.page-content{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 250px);color:#000;padding:1rem}.reading-log-container{display:flex;justify-content:center;align-items:center;padding:2rem;margin-top:2rem}.reading-log-box{background-color:#fffc;padding:2rem;border-radius:10px;box-shadow:0 0 10px #0003;max-width:500px;width:100%}.reading-form{background-color:#ffffffd9;padding:1rem;border-radius:8px;max-width:400px;margin:0 auto}.reading-form input{width:100%;padding:10px;font-size:16px;margin-bottom:10px}.reading-form button{width:100%;padding:12px;font-size:16px;margin-top:10px}.reading-form h2{text-align:center}@media (max-width: 768px){nav a{font-size:32px;padding:20px;display:block;text-align:center}.reading-form{width:95%;padding:30px;background-color:#ff0c}.reading-form input,.reading-form button{width:100%;padding:20px;font-size:24px;margin-bottom:15px;background-color:#add8e6}.reading-form h2{font-size:32px;text-align:center;color:red}}