html,body{margin:0;padding:0;height:100%;overflow:hidden;font-family:Helvetica,Arial,sans-serif;-webkit-user-select:none;user-select:none}:root{--color-bg-app: #fffff8;--color-bg-greeting: #FFFFFF;--color-bg-about: #F9FAFB;--color-bg-experience: #F1F5F9;--color-bg-projects: #FAF8F5;--color-bg-education: #FFF8FC;--color-bg-hobby: #FDFDFD;--color-text-greeting: #1A1A1A;--color-text-about: #1A1A1A;--color-text-experience: #1E2022;--color-text-projects: #202225;--color-text-education: #3B3B3B;--color-text-hobby: #462B44;--left-right-sidebar-bg: #d62626;--color-bg-button-switch: #0D1117F2;--color-text-button-switch: #F0F6FC;--color-typewriter-caret: orange;--color-bg-toaster: orange}[data-theme=dark]{--color-bg-app: #0b0b0b;--color-bg-greeting: #0A0A0A;--color-bg-about: #0D1117;--color-bg-experience: #161B22;--color-bg-projects: #100908;--color-bg-education: #070d10;--color-bg-hobby: #0e0913;--color-text-greeting: #F5F5F5;--color-text-about: #F0F6FC;--color-text-experience: #C9D1D9;--color-text-projects: #DDE7EE;--color-text-education: #D0E1F9;--color-text-hobby: #E5D0F9;--color-bg-button-switch: #FFD817F2;--color-text-button-switch: #0D1117;--color-typewriter-caret: red;--color-bg-toaster: orange;--left-right-sidebar-bg: #aa0000}.app{--orbita-image-size: 50px;--angle: calc(360deg / 23);--page-translate-length: 400px;--page-translate-blur: 20px;background-color:var(--color-text-about)}.app div:hover{cursor:default}.app .reveal{opacity:0;transform:translate(var(--page-translate-length));filter:blur(var(--page-translate-blur));transition:opacity .8s ease,transform .8s ease,filter .8s ease}.app .reveal.reveal-left{transform:translate(calc(0px - var(--page-translate-length)))}.app .reveal.reveal-visible{opacity:1;transform:translate(0);filter:blur(0)}.app .page{transition:all .8s ease,background-color .4s ease,color .8s ease;scroll-snap-align:start;height:100vh;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:24px;position:relative}.app .page .sidebar{top:0;height:100vh;width:50px;background-position:center;background-size:contain;background-repeat:repeat;position:absolute;background-color:var(--left-right-sidebar-bg)}@media (max-width: 800px){.app{--orbita-image-size: 35px;--page-translate-length: 200px;--page-translate-blur: 8px}.app .page .sidebar{height:40px;width:100vw}}