*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-color:#132237;--panel-color:#0e1a29;--text1-color:#ebb723;--text2-color:#1cbaac;--text3-color:#0b4c6c;--error-color:#bd4141;--error-extra-color:#7e2a2a;--colorful-error-color:#bd4141;--colorful-error-extra-color:#7e2a2a}body{border:0;margin:0;padding:0}#content{box-sizing:border-box;background-color:var(--bg-color);flex-direction:column;gap:16px;min-height:100vh;padding:16px;display:flex}#header-bar{background-color:var(--panel-color);border-radius:5px;justify-content:flex-start;align-items:center;height:40px;display:flex}#title{color:var(--text2-color);margin:15px;font-family:monospace;font-size:20px}#inner-content{flex:1;gap:16px;display:flex}.text-content{background-color:var(--panel-color);border:0;border-radius:5px;justify-content:center;width:100%;margin:0;padding:0;display:flex}#terminal{color:#fff;background-color:#09090b;border:3px solid #d0d0d0be;border-radius:8px;width:500px;min-height:200px;padding:20px;font-family:monospace}#terminal #terminal-3{vertical-align:bottom;white-space:nowrap;width:0;animation:1s 1s forwards typist;display:inline-block;overflow:hidden}@keyframes typist{0%{width:0;animation-timing-function:steps(4,end)}30%{width:4ch;animation-timing-function:linear}60%{width:4ch;animation-timing-function:steps(11,end)}to{width:15ch}}#terminal #terminal-4{opacity:0;animation:0s 2.5s forwards show-image}@keyframes show-image{to{opacity:1}}#terminal #terminal-5,#terminal-6{opacity:0;animation:0s 2.5s forwards show-image}#terminal #terminal-1,#terminal-5{color:#11d311}.inner-text-content{width:900px;padding:30px 40px 40px}.inner-text-content h1{color:var(--text1-color);font-family:monospace;font-size:25px}.inner-text-content h2{color:var(--text2-color);font-family:monospace;font-size:25px}.inner-text-content p{color:var(--text3-color);font-family:monospace;font-size:20px}#sidepanel{background-color:var(--panel-color);border-radius:5px;flex-direction:column;flex-shrink:0;gap:5px;width:185px;padding:15px;display:flex}.menu-entry{color:var(--bg-color);font-family:monospace}#folder-button{background-color:var(--bg-color);color:var(--text2-color);border:none;border-radius:5px;align-items:center;gap:5px;height:30px;padding:5px;font-size:15px;display:flex}#folder-button:hover{color:var(--text1-color)}#selector{visibility:hidden;transition:transform .2s}#folder-button:hover #selector{visibility:visible;transform:translate(-4px)}