#animated-transition{position:fixed;top:0;left:0;width:100%;height:100%;max-width:100%;max-height:100%}#animated-transition>main{position:absolute;width:100%;min-height:100%;top:0;left:0}#animated-transition *{cursor:progress!important}.layout-content{display:flex;height:100%}.layout-content .content{position:relative;width:1200px}@media(max-width:1700px){.layout-content .content{width:1000px}}@media(max-width:1450px){.layout-content .content{width:900px}}@media(max-width:1300px){.layout-content .content{width:100%;max-width:100vw}}.layout-content .content .page-content{width:100%;padding:32px 16px 16px}.animate-in-unknown .content{opacity:0;animation:fade-in .3s ease-out forwards}.animate-out-unknown .content{opacity:1;animation:fade-out .3s ease-out forwards}.animate-out .terminal{display:none}.animate-out-unknown .terminal{display:block}.terminal{flex:1 1;cursor:text;outline:none}.terminal .hidden-input{max-width:1px;max-height:1px;opacity:0;pointer-events:none;position:fixed;z-index:-1}@media(max-width:1300px){.terminal{display:none}}.terminal .terminal-content{position:fixed;background:#191919;color:#ccc;height:100%;width:calc(100% - 1200px);overflow:auto;padding:8px 8px 256px}.terminal .terminal-content::-webkit-scrollbar{width:8px}.terminal .terminal-content::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.terminal .terminal-content::-webkit-scrollbar-thumb{background-color:#ccc}@media(max-width:1700px){.terminal .terminal-content{width:calc(100% - 1000px)}}@media(max-width:1450px){.terminal .terminal-content{width:calc(100% - 900px)}}.terminal .user-input{white-space:pre-wrap}.terminal .user-input:before{content:"$> ";font-weight:700}.terminal .user-input .cursor-block{color:rgba(0,0,0,0);border:1px solid #ccc}.terminal .user-input span{border:1px solid rgba(0,0,0,0);margin:0 -1px}.terminal .user-input span.highlighted{border:1px solid #ccc}.terminal .user-input.index:before{color:#4f0}.terminal .user-input.work:before{color:#ff003d}.terminal .user-input.about:before{color:#f90}.terminal .user-input.contact:before{color:#ff2e00}.terminal .user-input.blog:before{color:#07f}@keyframes blink-cursor{0%,50%{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:#ccc}51%,to{background:#ccc;border-color:#ccc;color:#191919}}.user-input.focused .cursor-block{background:#ccc}.user-input.focused span.highlighted{background:#ccc;color:#191919}.user-input.blink .cursor-block,.user-input.blink span.highlighted{background:#ccc;animation:blink-cursor 1.5s step-end infinite}.user-input.blink span.highlighted{color:#191919}