html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%}html h1,html h2,html h3,html h4,html h5,html h6,html p,html li,body h1,body h2,body h3,body h4,body h5,body h6,body p,body li,#root h1,#root h2,#root h3,#root h4,#root h5,#root h6,#root p,#root li{margin:0;font-family:system-ui}#loading-page{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}#loading-page #puff-box{width:4rem;height:4rem;margin-right:1rem}#loading-page h1{font-size:1.6rem}#main-theme{position:relative;z-index:0;width:100%;height:100%}#interface{position:absolute;left:0;top:0;z-index:1}#interface #entrance-hint{animation:blinking 2s ease-out infinite;position:absolute;width:100vw;display:flex;justify-content:center;height:10rem;align-items:center;top:80vh}#interface #entrance-hint img{width:4rem;margin:0 1rem}#interface #content-table{opacity:1;display:flex;align-items:center;flex-direction:row;position:absolute;left:1rem;top:1rem;-ms-overflow-style:none;scrollbar-width:none;transition:left .3s linear}#interface #content-table.hide{left:-24rem}#interface #content-table ::-webkit-scrollbar{display:none}#interface #content-table .foldable{width:24rem;box-sizing:border-box;height:100%;border-radius:.4rem;background-color:#dededebf;overflow-y:scroll;position:relative}#interface #content-table #fold-btn{width:3rem;height:3rem;border-top-right-radius:.4rem;border-bottom-right-radius:.4rem;cursor:pointer;outline:none;display:flex;align-items:center;justify-content:center}#interface #content-table #fold-btn .arrow-btn{width:2rem;transition:transform .2s ease-out .3s}#interface #content-table #fold-btn .arrow-btn.flipped{transform:rotate(180deg)}#interface #content-table h1{background-color:#ccc;padding:0 1rem;font-size:1.3rem;border-radius:.4rem;line-height:2.4rem}#interface #content-table p{font-size:1rem;padding:0 1rem;line-height:2rem;cursor:pointer}#interface #content-table p.highlight{font-size:1.1rem;font-weight:800}#interface #content-table p.highlight:after{content:"<";position:absolute;right:1rem}#interface #content-table button{width:30%;height:1.6rem;background-color:#a8a8a8e6;border:none;padding:0}#interface #content-table .experience{color:#9370db}#interface #content-table .education{color:#ea4d82}#interface #content-table .project{color:#f68a50}#interface #content-table .start,#interface #content-table .end{color:#fff}.content{width:150px;height:150px}@keyframes blinking{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes fadein{0%{opacity:0}to{opacity:1}}