:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;place-content:center;color-scheme:light dark;color:var(--text-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;display:flex}.dark-theme{--bg-color: rgba(0, 0, 0, .5);--text-color: rgba(255, 255, 255, .87);--button-bg: #rgba(0, 0, 0, .5);--button-text: white;--hover-bg: rgb(175, 175, 175);--hover-text: rgb(0, 0, 0);--icon-color: white;background-image:url(/assets/backdark-SEsYubEk.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.light-theme{--icon-color:black;--bg-color:rgba(255, 255, 255, .8);--text-color:black;--button-bg:rgba(255, 255, 255, .8);--button-text:black;--hover-bg:rgb(203, 244, 247);--hover-text:black;background-image:url(/assets/backlight-DOar4Y5W.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}html,body{height:100%;padding:0;margin:0;display:flex;place-items:center;justify-content:center;min-width:100%;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s;position:relative;overflow-x:hidden}*{box-sizing:border-box}.navbar{position:sticky;width:97%;max-width:100%;top:0;display:flex;justify-content:center;align-items:center;gap:15px;background-color:var(--bg-color);padding:10px;box-shadow:none;z-index:9;margin:0 auto}.nav-button{padding:10px 15px;height:fit-content;justify-content:center;background-color:var(--bg-color);color:var(--text-color);border-radius:8px;text-decoration:none;transition:background .3s ease;box-shadow:none;outline:none;border:none}.nav-button:hover{background-color:var(--hover-bg);color:#1b1b1b}.ldmode{padding:10px 15px;background-color:var(--bg-color);color:var(--text-color);border-color:var(--bg-color);border-radius:8px;text-decoration:none;transition:background .3s ease;box-shadow:none;outline:none;border:none}.ldmode:hover{box-shadow:none;background-color:var(--hover-bg);color:#1b1b1b}.lightdark-logo{box-shadow:none;width:15px;height:15px;transition:transform .3s ease-in-out}@media (max-width: 768px){.nav-button{padding:5px 8px;height:fit-content;justify-content:center;background-color:var(--bg-color);color:var(--text-color);border-radius:8px;text-decoration:none;transition:background .3s ease;box-shadow:none;outline:none;border:none}.navbar{position:sticky;top:0;display:flex;justify-content:center;align-items:center;gap:15px;background-color:var(--bg-color);padding:10px;box-shadow:none;z-index:9;width:100%;margin:0 auto}.lightdark-logo{box-shadow:none;width:8px;height:8px;transition:transform .3s ease-in-out}.ldmode{padding:5px 8px;background-color:var(--bg-color);color:var(--text-color);border-color:var(--bg-color);border-radius:8px;text-decoration:none;transition:background .3s ease;box-shadow:none;outline:none;border:none}}.cpc{padding:50px}.cube-container{width:100px;height:100px;perspective:900px;user-select:none;-webkit-user-select:none;touch-action:none}.cube.dragging .face a{pointer-events:none}.facefront{display:block;width:100%;height:100%;text-decoration:none;color:var(--text-color);line-height:inherit;background:#388bf7cc;border:1px solid black;font-size:1em;text-align:center;line-height:100px;opacity:1;backface-visibility:hidden}.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform 1s;align-items:center;padding:4px;transform:rotateX(0) rotateY(-30deg)}.face{position:absolute;width:100px;height:100px;background:#388bf7cc;border:1px solid black;font-size:1em;text-align:center;line-height:100px;opacity:1;backface-visibility:hidden}.cube.reset{transform:rotateX(0) rotateY(-45deg)!important;transition:transform .3s ease!important}.front{transform:translateZ(50px)}.back{transform:rotateY(180deg) translateZ(50px)}.right{transform:rotateY(90deg) translateZ(50px)}.left{transform:rotateY(-90deg) translateZ(50px)}.top{transform:rotateX(90deg) translateZ(50px)}.bottom{transform:rotateX(-90deg) translateZ(50px)}@media (max-width: 768px){.cube{height:100%;width:100%}.cube-container{width:100px;height:100px;perspective:900px;user-select:none;-webkit-user-select:none;touch-action:none}.cube.dragging .face a{pointer-events:none}.facefront a{display:block;width:100%;height:100%;text-decoration:none;color:var(--text-color);line-height:inherit;background:#388bf7cc;border:1px solid black;font-size:1em;text-align:center;line-height:100px;opacity:1;backface-visibility:hidden}.face{position:absolute;width:100px;height:100px;background:#388bf7cc;border:1px solid black;font-size:1rem;text-align:center;line-height:100px;opacity:1;backface-visibility:hidden}.face.front{transform:translate(-50px) translateZ(50px)}.back{transform:rotateY(180deg) translateZ(50px)}.right{transform:rotateY(90deg) translateZ(50px)}.left{transform:rotateY(-90deg) translateZ(50px)}.top{transform:rotateX(90deg) translateZ(50px)}.bottom{transform:rotateX(-90deg) translateZ(50px)}}.cpc{padding-top:400px;margin-top:300px;font-size:medium;background-color:var(--bg-color);width:87%;max-width:fit-content}.reset{color:var(--text-color);position:center;padding-top:80px}.reset-button{color:var(--text-color);background-color:var(--bg-color);height:fit-content;width:fit-content;border-radius:1rem}@media (max-width: 768px){.reset{color:var(--text-color);position:center;align-items:center;width:100px;display:flex;justify-content:center;margin:0 auto}.reset-button{color:var(--text-color);height:fit-content;width:fit-content;align-items:center;display:flex;justify-content:center;place-items:center}.cpc{padding-top:1500px;align-items:center;font-size:small;margin:0 auto}.project-content{margin-top:10px;padding:0 16px;display:flex;flex-direction:column;gap:0rem;align-items:center;text-align:center}.project-text{padding:20px;text-align:center;align-items:center}.project-header{text-align:center;align-items:center;padding-top:0%}.project-text{font-size:small}}.project-text{font-size:large}.project-content{margin-top:3px;display:flex;align-items:center;gap:2rem;padding:40px}.h1{padding-top:800px}.experience-container{height:100vh;padding-top:80px;scroll-behavior:smooth}.experiencelist{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;scroll-behavior:smooth}.job-panel{margin-top:2rem;display:flex;background:var(--bg-color);border-radius:1rem;box-shadow:0 4px 6px #0000001a;padding:1.5rem;margin-bottom:1.5rem;align-items:flex-start}.job-logo{width:200px;height:200px;margin-right:12px;object-fit:contain;justify-content:center;display:flex}.job-logo-wrapper{color:var(--text-color)}.job-position{font-size:1rem;color:var(--text-color)}.job-company{font-size:1.2rem;color:var(--text-color)}.job-details{color:var(--text-color)}.learn-more-btn{color:var(--text-color);margin-top:.5rem;padding:.4rem .8rem;background-color:var(--bg-color);border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .2s ease}.learn-more-btn:hover{background-color:#919191}.skill-bubble{display:inline-block;background-color:var(--bg-color);color:var(--text-color);border-radius:9999px;padding:.25rem .75rem;margin:.25rem;font-size:.875rem;font-weight:500;white-space:nowrap}.job-images{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.job-image{max-width:200px;max-height:200px;border-radius:8px}.home-container{text-align:left;padding:20px;background-color:var(--bg-color)}.button-container{margin-top:20px;gap:10px;display:flex;align-items:center;justify-content:center}.profile-photo{gap:10px;align-items:center;margin-top:20px;display:flex;justify-content:center}h1,p,.typewriter{color:var(--text-color)}.fade-in{opacity:1;transition:opacity 1s ease-in-out}.fade-out{opacity:0;transition:opacity 1s ease-in-out}.onhover-button{color:var(--text-color);border:var(--button-bg);padding:6px 5px;font-size:16px;border-radius:5px;cursor:pointer;transition:background-color .3s ease-in-out;transition:transform .3s ease-in-out;background-color:var(--button-bg)}.onhover-button:hover{transform:scale(1.2)}.assetbutton-logo{width:40px;background-color:var(--bg-color);height:auto;transition:transform .3s ease-in-out}.assetbutton-logo:hover{transform:scale(1.2)}.tooltip-containter{position:relative;display:inline-block}.tooltip{position:absolute;bottom:120%;left:50%;transform:translate(-50%);background-color:#000;color:#fff;padding:5px 10px;border-radius:5px;white-space:nowrap;opacity:0;transition:opacity .3s;pointer-events:none}.button-container:hover .tooltip{opacity:1}.icon{color:var(--icon-color);background-color:var(--bg-color);transition:color .3s ease-in-out}.lightdark-logo{width:40px;background-color:#fff9;height:auto;transition:transform .3s ease-in-out}