html,body,#root{color:#333;background-color:#fff;min-height:100%;margin:0;font-family:Inter,sans-serif}*{box-sizing:border-box}.app{min-height:90vh}.app-header{justify-content:space-between;align-items:center;padding:20px 24px 8px;display:flex}.app-header h1{color:#222;margin:0;font-size:20px;line-height:1.2}.app-header a{color:inherit;text-decoration:none}.app-header nav{align-items:center;display:flex}.blog-menu-link{padding:8px;display:flex}.blog-menu-link img{width:24px;height:24px}.blog-page{max-width:680px;margin:40px auto;padding:0 24px}.blog-page h2{margin:0 0 24px;font-size:28px}.blog-list{gap:24px;display:grid}.blog-list-item{border-bottom:1px solid #e5e5e5;padding-bottom:24px}.blog-list-item h3{margin:6px 0;font-size:22px}.blog-list-item a,.blog-back-link{color:#222}.blog-list-item p,.blog-page time{color:#666}.blog-post{line-height:1.7}.blog-post h1{line-height:1.2}.blog-post img{border-radius:12px;max-width:100%}.blog-back-link{margin-bottom:24px;display:inline-block}.portfolio-page{min-height:calc(90vh - 56px);position:relative}.screen-nav{pointer-events:none;z-index:9;justify-content:space-between;width:100%;display:flex;position:absolute;inset:0}.screen-nav-button{color:#222;cursor:pointer;font:inherit;pointer-events:auto;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:0;outline:none;justify-content:flex-start;align-items:center;width:50%;min-height:100%;padding:0 24px;font-size:24px;line-height:1;display:inline-flex}.screen-nav-button:active,.screen-nav-button:focus{background:0 0;outline:none}.screen-nav-button:last-child{justify-content:flex-end}.screen-nav-button:disabled{cursor:default;opacity:.35}.screen-nav-button img{width:24px;height:24px}.screen-progress{z-index:10;background:#ececec;border-radius:10px;width:100%;max-width:none;height:5px;margin:0;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.screen-progress-bar{transform-origin:0;background:#222;width:100%;height:100%;animation:6s linear forwards screen-progress}@keyframes screen-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}