:root{--color-primary:#1a1a1a;--color-border:#e0e0e0;--color-background:#fff}body{background-color:var(--color-background);color:var(--color-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;line-height:1.6}@media (orientation:portrait){body{line-height:1.4}}.homepage{text-align:center;background:linear-gradient(135deg,#fff 0%,#f8f9fb 100%);min-height:100vh;display:flex}.homepage .home-title{flex-direction:column;display:flex;position:absolute;top:5vh;left:5vw}.homepage .home-title .text{margin-bottom:0;font-size:2rem;font-weight:700;transition:all .2s;position:relative}@media (orientation:portrait){.homepage .home-title .text{font-size:1.7rem}}.homepage .home-title .text:before{color:#000;content:"";border-left:2px solid #000;width:2px;height:15vh;transition:all .25s;position:absolute;left:-1vw}.homepage .home-title .text{animation:0s 1.1s forwards title-lower}.homepage .home-title .text:before{animation:.25s 1.1s forwards line-shrink,0s 1.7s forwards line-gone}.homepage .home-title .text .last{background-color:#fff;transition:all .25s;animation:.25s 1.1s forwards last-slide;position:absolute;translate:5% 1%}.homepage .home-title .bar{background-color:#000;width:180%;height:2px;transition:all .25s;animation:.25s 1.2s forwards bar-thin,.25s 1.7s forwards bar-gone;position:absolute;bottom:0;left:-7%}.homepage .links-list{flex-direction:column;margin-top:32vh;display:flex}.homepage .links-list .link-button{color:#404040;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;width:60vw;margin-left:30%;padding-top:2vh;padding-bottom:2vh;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .18s;display:block}@media (orientation:portrait){.homepage .links-list .link-button{font-size:.8rem}}.homepage .links-list .link-button:before{content:"_";display:none}.homepage .links-list .link-button:hover{color:#000;letter-spacing:.03rem;text-transform:capitalize;font-weight:bolder}.homepage .links-list .link-button:hover:before{display:inline-block}.page-container{background:linear-gradient(135deg,#fff 0%,#f8f9fb 100%);min-height:100vh;font-family:Times New Roman,Times,serif;animation:70ms fade-in;position:relative}.page-container .home-button{cursor:pointer;z-index:10;background-color:#0000;border:none;padding:15px 15px 15px 3px;transition:all .1s;display:flex;position:fixed;top:4vw;left:3vw}.page-container .home-button span{aspect-ratio:1;border-top:2px solid #000;border-left:2px solid #000;width:9px;transition:all .2s;rotate:-45deg;box-shadow:10px 10px #000}.page-container .home-button:hover{translate:-2px}.page-container .home-button:hover span{box-shadow:1px 1px #000}.page-container .article{max-width:720px;margin:0 auto;padding:3rem 2rem}.page-container .article .page-content{flex-direction:column;gap:2vh;display:flex;position:relative}.page-container .article .page-content sup{font-size:.5rem}@media (orientation:portrait){.page-container .article .page-content sup{font-size:.4rem}}.page-container .article .page-content .title{font-size:2rem;font-weight:700}@media (orientation:portrait){.page-container .article .page-content .title{font-size:1.7rem}}.page-container .article .page-content .title{margin:1em 0}.page-container .article .page-content .title .sub{margin-top:0;font-size:1.4rem;display:block}@media (orientation:portrait){.page-container .article .page-content .title .sub{font-size:1.1rem}}.page-container .article .page-content .subtitle{text-align:end;text-indent:1rem;color:#000;margin-top:0;font-size:1.2rem;font-weight:bolder;position:relative;right:0}@media (orientation:portrait){.page-container .article .page-content .subtitle{font-size:.9rem}}.page-container .article .page-content .text{color:var(--color-primary);text-indent:3rem;margin-bottom:2vh;font-size:1.1rem;line-height:1.8}@media (orientation:portrait){.page-container .article .page-content .text{font-size:.8rem;line-height:1.6}}.page-container .article .page-content .image{border-radius:8px;margin:0;overflow:hidden;box-shadow:0 4px 16px #00000014}.page-container .article .page-content .image img{background-color:gray;width:100%;height:auto;display:block}.page-container .article .page-content .chapter{margin-top:3vh;margin-bottom:0;font-size:1rem;font-weight:bolder}.page-container .article .page-content .dialog{margin-left:5%}.page-container .article .page-content .quote{text-indent:4rem;margin-left:10%;margin-right:0;font-size:1rem}@media (orientation:portrait){.page-container .article .page-content .quote{font-size:.7rem}}.page-container .article .page-content .author{text-align:end}@keyframes title-lower{to{text-transform:lowercase}}@keyframes line-shrink{to{border-left-width:1px;height:100%}}@keyframes line-gone{to{border-left-width:0}}@keyframes last-slide{to{transform:translate(-77%)}}@keyframes bar-thin{to{width:130%;height:1px}}@keyframes bar-gone{0%{width:130%;height:1px}to{width:0%;height:0}}@keyframes fade-in{0%{opacity:0}}