:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;margin:0;padding:0;overflow-x:hidden}html,body{height:100%;margin:0;padding:0}:root{--theme-color: rgba(217, 217, 217, .4)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slide-right{0%{transform:translateY(-300px)}to{transform:translateY(0)}}#backgroundImage{width:100vw;height:100vh;background-image:url(/assets/background-DheHnfHV.png);background-size:cover;background-position:center;display:flex;justify-content:center;position:relative}#backgroundImage #sideBar{position:absolute;left:0;height:100vh;width:7.5%;background-color:var(--theme-color);display:flex;justify-content:space-between;flex-direction:column;align-items:center;padding:2em}#backgroundImage #sideBar #topItems,#backgroundImage #sideBar #bottomItems{display:flex;flex-direction:column;align-items:center}:is(#backgroundImage #sideBar #topItems,#backgroundImage #sideBar #bottomItems) .icon{padding:5px}:is(#backgroundImage #sideBar #topItems,#backgroundImage #sideBar #bottomItems) .icon #time{font-size:20px;font-weight:700;color:#000}:is(#backgroundImage #sideBar #topItems,#backgroundImage #sideBar #bottomItems) .icon:hover{cursor:pointer}#backgroundImage #colorModePanel{background-color:var(--theme-color);position:absolute;top:2.5em;left:10em;border-radius:1em;animation-duration:1s;animation-name:slide-right}#backgroundImage #colorModePanel #colorModeControls{gap:5px;padding:.5em;border-top-left-radius:1em;border-top-right-radius:1em;background-color:#00000080;display:flex}#backgroundImage #colorModePanel #colorModeControls button{display:flex;align-items:center;width:20px;height:20px;border-radius:50%;border:none}#backgroundImage #colorModePanel #colorModeControls button .icon{font-style:italic;font-weight:700}#backgroundImage #colorModePanel #colorModeControls button:hover{cursor:pointer}#backgroundImage #colorModePanel #colorModeControls #closeIcon{background-color:#e4383880}#backgroundImage #colorModePanel #colorModeControls #minimizeIcon{background-color:#f7f30880}#backgroundImage #colorModePanel h2{padding:.5em .5em 0;color:#000}#backgroundImage #colorModePanel #themeColors{padding:1em;display:flex;gap:5px}#backgroundImage #colorModePanel #themeColors .themeColor{width:1.5em;height:1.5em;border-radius:50%;cursor:pointer}#backgroundImage #colorModePanel #themeColors #themeOriginal{background-color:#d9d9d966}#backgroundImage #colorModePanel #themeColors #themeGreen{background-color:#9aedb399}#backgroundImage #colorModePanel #themeColors #themeRed{background-color:#d94d4d99}#backgroundImage #colorModePanel #themeColors #themeBlue{background-color:#6b6bc699}#backgroundImage #qrPanel{bottom:10em;left:10em;border-radius:1em;position:absolute;background-color:#d9d9d966;color:#000;display:flex;justify-content:center;flex-direction:column;align-items:center;animation-duration:1s;animation-name:spin}#backgroundImage #qrPanel #qrControls{padding:.5em;border-top-left-radius:1em;border-top-right-radius:1em;background-color:#00000080;width:100%;left:1em;display:flex;gap:5px}#backgroundImage #qrPanel #qrControls button{display:flex;align-items:center;width:20px;height:20px;border-radius:50%;border:none}#backgroundImage #qrPanel #qrControls button .icon{font-style:italic;font-weight:700}#backgroundImage #qrPanel #qrControls button:hover{cursor:pointer}#backgroundImage #qrPanel #qrControls #closeIcon{background-color:#e4383880}#backgroundImage #qrPanel #qrControls #minimizeIcon{background-color:#f7f30880}#backgroundImage #qrPanel #qrBox{background-color:#fff;padding:1em;border-radius:10%}#backgroundImage #qrPanel #qrBox img:hover{transform:scale(1.05);cursor:pointer}#backgroundImage #qrPanel h2{font-weight:600}#backgroundImage #qrPanel p{padding:1em;font-size:1em;font-weight:400}#backgroundImage #informationBar{height:100vh;width:50vw;background-color:#d9d9d966;background-color:var(--theme-color);overflow-y:auto}#backgroundImage #informationBar #topBar{background-color:#00000080;position:relative;display:flex;justify-content:center;align-items:center}#backgroundImage #informationBar #topBar p{font-size:2em;font-weight:700}#backgroundImage #informationBar #topBar #macbookControls{position:absolute;left:1em;display:flex;gap:5px}#backgroundImage #informationBar #topBar #macbookControls button{display:flex;justify-content:center;align-items:center;width:22px;height:22px;border-radius:50%;border:none}#backgroundImage #informationBar #topBar #macbookControls button .icon{font-style:italic;font-weight:700}#backgroundImage #informationBar #topBar #macbookControls #closeIcon{background-color:#e4383880}#backgroundImage #informationBar #topBar #macbookControls #minimizeIcon{background-color:#f7f30880}#backgroundImage #informationBar #topBar #macbookControls #expandIcon{background-color:#40e70e80}#backgroundImage #informationBar #title{padding-top:2em;width:100%;display:flex;justify-content:center;align-items:center}#backgroundImage #informationBar #title span{display:flex;justify-content:center;align-items:center;width:60%}#backgroundImage #informationBar #title span p{text-align:center;color:#000;font-size:2.5em;font-weight:700}#backgroundImage #informationBar #linkBoxses{padding-top:2em;width:100%;display:grid;grid-template-columns:repeat(3,120px);grid-template-rows:repeat(2,120px);gap:24px;justify-content:center;align-items:center}#backgroundImage #informationBar #linkBoxses .box{border-radius:1em;width:120px;height:120px;background-color:#fff;border:2px black solid}#backgroundImage #informationBar #linkBoxses .box:hover{cursor:pointer;transform:scale(1.05)}#backgroundImage #informationBar #linkBoxses #github{display:flex;justify-content:center;align-items:center;flex-direction:column}#backgroundImage #informationBar #linkBoxses #github p{font-size:1em;color:#000;font-weight:700}#backgroundImage #informationBar #linkBoxses #profilePicture{background-image:url(/assets/profilePicture-Taajm-GA.jpg);background-size:cover;background-position:center}#backgroundImage #informationBar #linkBoxses #linkedinBox{background-color:#19077c;display:flex;justify-content:center;align-items:center;flex-direction:column;border:none}#backgroundImage #informationBar #linkBoxses #linkedinBox p{font-weight:500}#backgroundImage #informationBar #linkBoxses #youtube{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:red}#backgroundImage #informationBar #linkBoxses #youtube p{font-weight:400;color:#fff}#backgroundImage #informationBar #linkBoxses #empty{background-color:#0ff}#backgroundImage #informationBar #linkBoxses #resumeBox{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#000}#backgroundImage #informationBar #linkBoxses #resumeBox p{font-weight:700;color:#fff}#backgroundImage #informationBar #underTitle{padding-top:2em;width:100%;display:flex;justify-content:center;align-items:center}#backgroundImage #informationBar #underTitle span{display:flex;justify-content:center;align-items:center;width:60%}#backgroundImage #informationBar #underTitle span p{text-align:center;color:#000;font-size:2.5em;font-weight:700}#backgroundImage #informationBar #projects{display:flex;justify-content:center;align-items:center;flex-direction:column}#backgroundImage #informationBar #projects .projectBox{padding:1em;width:100%;display:flex;justify-content:space-between;height:10em}#backgroundImage #informationBar #projects .projectBox #techieChenLogoBox{display:flex;justify-content:center;height:100%;width:50%}#backgroundImage #informationBar #projects .projectBox #techieChenLogoBox #techieChenIcon{width:50%;border-radius:2em;background-image:url(/assets/techiechen-COifR3Ai.png);background-size:cover;background-position:center}#backgroundImage #informationBar #projects .projectBox #textBox{display:flex;flex-direction:column;justify-content:space-between;padding-left:1em;padding-right:1em}#backgroundImage #informationBar #projects .projectBox #textBox #upperTitle{color:#000}#backgroundImage #informationBar #projects .projectBox #textBox #upperTitle #textRowOne{font-size:20px;font-weight:700}#backgroundImage #informationBar #projects .projectBox #textBox #upperTitle #textRowTwo{font-size:1em;font-weight:500}#backgroundImage #informationBar #projects .projectBox #textBox #checkTechieChen{color:#000;font-weight:600;text-decoration:underline}#backgroundImage #informationBar #projects .projectBox #textBox #checkTechieChen:hover{cursor:pointer}#backgroundImage #informationBar #projects .projectBox:hover{transform:scale(1.02)}