.log-entry{text-align:center;padding:0;list-style-position:inside}:root{--bg-panel-dark:#24292de3;--border-main:#333;--bg-card-light:#b8b5b326;--bg-surface-alt:#24292d;--shadow-box:#00000080;--text-primary-cream:#e6dfcc;--text-white:#fff;--text-secondary:#aaa;--text-muted:#888;--text-list:#ccc;--text-dim:#ddd;--accent-rust:#c57b57;--accent-rust-light:#e8d3c9;--accent-blue:#4daff9;--accent-amber:#f5a623;--status-positive:#4caf50}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at center, var(--bg-surface-alt) 0%, #15181a 100%);color:var(--text-primary-cream);height:100vh;font-family:sans-serif;overflow:hidden}::selection{background-color:var(--accent-rust);color:var(--text-white)}#main{flex-direction:row;width:100vw;height:100vh;display:flex}nav{background-color:var(--bg-panel-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px dashed var(--border-main);flex-direction:column;justify-content:space-evenly;align-items:center;width:35vw;padding:5vh 0;display:flex}#navDiv{border-top:1px dashed var(--accent-rust);border-bottom:1px dashed var(--accent-rust);border-radius:0 5px 5px 0;width:45%;margin-left:20%}nav ul{color:#e6dfcc;flex-direction:column;margin-left:20%;font-size:x-large;font-weight:700;list-style:none;display:flex;position:relative}nav ul li{text-align:center;cursor:pointer;z-index:1;border-radius:0 5px 5px 0;padding:20px;font-family:monospace;transition:all .2s ease-in-out}nav ul li:hover,nav ul li.active{color:var(--accent-rust)}.nav-indicator{background-color:var(--bg-card-light);border-bottom:2px solid var(--accent-rust);pointer-events:none;z-index:0;border-radius:0 5px 5px 0;width:100%;height:50%;transition:top .3s;position:absolute;left:0}.nav-indicator.first{display:none}.nav-indicator.digital{top:0}.nav-indicator.box{top:50%}.lang-switcher{z-index:10;position:absolute;top:2%;right:20px}#picture{border-radius:10px;width:80%;overflow:hidden;box-shadow:0 10px 20px #00000026}.content{flex-direction:column;flex:1;height:100vh;display:flex;position:relative}#date{text-align:center;background-color:var(--bg-panel-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px dashed var(--border-main);width:250px;box-shadow:0 10px 20px var(--shadow-box);z-index:100;border-radius:10px;padding:15px;position:absolute;top:20px;right:40px}#date h3{color:var(--accent-rust);border-bottom:1px dashed var(--border-main);margin-bottom:5px;padding-bottom:5px;font-family:monospace}#date p{color:var(--text-muted);font-family:monospace}#text{text-align:left;height:100%;padding:120px 5% 5%;font-size:1.1rem;line-height:1.6;overflow-y:auto}#text .log-entry{background-color:var(--bg-panel-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px dashed var(--border-main);max-width:800px;box-shadow:0 4px 15px var(--shadow-box);color:var(--text-primary-cream);border-radius:8px;margin:0 auto 40px;padding:30px}#text .log-entry h1,#text .log-entry h2,#text .log-entry h3{color:var(--accent-rust);border-bottom:1px dashed var(--border-main);margin-bottom:15px;padding-bottom:10px;font-family:monospace}.lang-dropdown{margin-top:5px;top:100%}@media (width<=768px){.lang-dropdown{margin-top:5px;margin-bottom:0;top:100%;bottom:auto}.lang-switcher{z-index:9999;margin:auto 10px;position:relative;top:auto;bottom:auto;right:auto}#main{flex-direction:column}nav{flex-flow:wrap;justify-content:space-between;align-items:center;width:100vw;height:auto;padding:15px}#navDiv{border:none;width:70%;margin:0}nav ul{flex-direction:row;justify-content:center;gap:0;width:100%;margin:0;font-size:.9rem}nav ul li{white-space:nowrap;border-radius:10px;width:50%;padding:10px}.nav-indicator{border-bottom:2px solid var(--accent-rust);border-radius:10px;width:50%;height:100%;transition:left .3s,top;top:0!important}.nav-indicator.digital{left:0}.nav-indicator.box{left:50%}#picture{width:100%;margin-top:15px}.content{height:calc(100vh - 80px)}#date{color:#e6dfcc;background-color:#424b54;justify-content:space-between;align-items:center;width:90%;margin:10px auto;padding:10px 20px;display:flex;position:relative;top:0;right:0}#text{height:calc(100% - 70px);padding:20px}}.scroll-desing::-webkit-scrollbar{background-color:#3c3c3c87;border-radius:10px;width:6px}.scroll-desing::-webkit-scrollbar-thumb{background-color:#565656e7;border-radius:10px}