#index_container{display:flex;gap:1.2rem;position:relative;padding-left:60%;width:38%;padding-top:16.5%}#main_title_container{margin-top:-.5rem}#title-vertical-line{width:.2vw;height:50vh;background-color:var(--md-sys-color-secondary);margin-right:-1.2rem}.index-title{letter-spacing:.2vw;line-height:13vh;text-align:right;font-size:5vw;margin-bottom:0;margin-top:0;color:var(--md-sys-color-primary);font-weight:500}#rote_container{display:flex;flex-direction:column;margin-top:-.5rem}.route-btn{letter-spacing:.2rem!important;margin-top:.5rem;--md-elevated-button-label-text-line-height: 9.5vh;--md-elevated-button-container-color: var(--app-transparent);--md-elevated-button-container-shape: 1px;--md-elevated-button-container-elevation: 0;--md-elevated-button-label-text-size: 2.8vw;--md-elevated-button-focus-container-elevation: 0;--md-elevated-button-label-text-color: var(--md-sys-color-secondary);--md-elevated-button-leading-space: 2.5vh;--md-elevated-button-label-text-weight: 300;--md-elevated-button-hover-state-layer-opacity: .3}#index-page-top{margin:0;height:100vh;background:var(--app-img-hero) no-repeat center center;background-size:cover;display:block;overflow:hidden}.blog-list-container{display:flex;flex-direction:column;justify-content:center;justify-items:center;align-items:center;width:100%;background:var(--app-img-list-bg) no-repeat center center;background-size:cover;padding-bottom:2rem}.blog-list{width:65%;background-color:var(--app-transparent)}.blog-list-item{display:flex;opacity:80%;background-color:var(--md-sys-color-secondary);border-radius:10px;border:none;min-height:15rem;max-height:18rem;height:auto;margin-top:7vh;transition:transform .3s ease-in-out}.blog-list-item:hover{transform:scale(1.1)}.blog-photo-container{width:45%;line-height:0;overflow:hidden}.blog-photo{width:100%;height:100%;object-fit:cover;border-radius:10px 0 0 10px}.blog-info-container{width:50%;display:flex;flex-direction:column;justify-content:space-evenly;margin-left:2.5%;margin-right:2.5%}.blog-title{font-size:2rem;color:var(--md-sys-color-secondary-container);margin-top:1rem;margin-bottom:.5rem}.blog-description-container{max-height:65%;margin-top:2rem;overflow:hidden}.blog-description{font-size:.875rem;font-weight:300;color:var(--md-sys-color-outline-variant)}.blog-jump-link:hover{color:var(--md-sys-color-primary-fixed-dim)}.blog-status-container{display:flex;flex-direction:row;font-size:.8rem;color:var(--md-sys-color-outline-variant);--md-icon-size: 1rem}.icon-info{height:auto!important;margin-right:.2rem}.p-info{margin-right:1rem}.page-index-container{width:25%;display:flex;flex-direction:row;justify-content:center;align-items:center;padding-top:5rem;padding-bottom:1rem}.page-index{--md-elevated-button-container-color: var(--app-transparent);--md-elevated-button-label-text-color: var(--md-sys-color-secondary);--md-elevated-button-container-shape: 1px;--md-icon-button-state-layer-shape: 1px;--md-sys-shape-corner-full: 1px}.cur-page{border-bottom:.1rem solid var(--md-sys-color-secondary)}@media (max-width: 1000px){.blog-list{width:85%}.page-index-container{width:50%}}@media (max-width: 600px){#index_container{width:100%;height:100%;box-sizing:border-box;padding:0 1.5rem;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;z-index:1}#index-page-top{position:relative;height:100svh}#index-page-top:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(180deg,#0a0e1459,#0a0e1480 55%,#0a0e149e);pointer-events:none}#main_title_container{margin-top:0}.index-title{font-size:2.6rem;line-height:1.3;text-align:center;letter-spacing:.5rem;color:#fffffff5;text-shadow:0 2px 10px rgba(0,0,0,.45)}#title-vertical-line{width:6rem;height:2px;margin:0;background-color:#ffffffbf}#rote_container{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.9rem 1rem;margin-top:0}.route-btn{margin-top:0;min-width:7.5rem;--md-elevated-button-label-text-size: 1.05rem;--md-elevated-button-label-text-line-height: 2.8rem;--md-elevated-button-leading-space: 1rem;--md-elevated-button-trailing-space: 1rem;--md-elevated-button-label-text-color: rgba(255, 255, 255, .92);text-shadow:0 1px 6px rgba(0,0,0,.5)}.blog-list{width:92%}.blog-list-item{flex-direction:column;min-height:0;max-height:none;margin-top:4vh}.blog-photo-container{width:100%;height:12rem}.blog-photo{border-radius:10px 10px 0 0}.blog-info-container{width:auto;margin:0 1rem 1rem}.blog-title{font-size:1.4rem}.blog-description-container{max-height:none;margin-top:.75rem}.blog-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-status-container{flex-wrap:wrap;margin-bottom:.5rem}.page-index-container{width:92%;flex-wrap:nowrap;overflow-x:auto;justify-content:safe center;gap:.3rem;padding-top:3rem}.page-index{flex:0 0 auto;--md-elevated-button-leading-space: .6rem;--md-elevated-button-trailing-space: .6rem}}@media (hover: none){.blog-list-item:hover{transform:none}}