.dark-mode{background-color:#000;color:#fff}.light-mode{background-color:#f3f3f3;color:#000}html,body{margin:0;padding:0;height:100%}.navbar[data-v-a3b66ffd]{background-color:#000;border-top:4px solid #331e00;display:flex;justify-content:center;align-items:center;padding:1rem 2rem;font-family:monospace;overflow:visible}.nav-list[data-v-a3b66ffd]{list-style:none;display:flex;padding:0;margin:0 0 0 3em}.nav-item[data-v-a3b66ffd]{width:140px;border:1px solid #fff;padding:.75rem 1rem;text-align:center;color:#fff;cursor:pointer;transition:transform .2s;display:flex;justify-content:center;align-items:center}.nav-item[data-v-a3b66ffd]:hover{transform:scale(1.05)}.nav-link[data-v-a3b66ffd]{text-decoration:none;color:inherit;display:block;width:100%;height:100%}.nav-toggle-item[data-v-a3b66ffd]{display:flex;align-items:center}.nav-circle[data-v-a3b66ffd]{margin-left:1.5rem;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid #fff;border-radius:50%;cursor:pointer;transition:transform .2s}.nav-circle[data-v-a3b66ffd]:hover{transform:scale(1.1)}.icon[data-v-a3b66ffd]{width:1.2rem;height:1.2rem}.theme-label[data-v-a3b66ffd]{position:absolute;top:3rem;left:50%;transform:translate(-50%);background-color:#000;color:#fff;border:1px solid #fff;border-radius:.25rem;padding:.3rem .5rem;white-space:nowrap;font-size:.8rem;text-align:center;z-index:9999}body.light-mode .navbar[data-v-a3b66ffd]{background-color:#f3f3f3;border-top:4px solid #ccc;color:#000}body.light-mode .nav-item[data-v-a3b66ffd]{border:1px solid #444;color:#000}body.light-mode .nav-circle[data-v-a3b66ffd]{border:1px solid #000}body.light-mode .theme-label[data-v-a3b66ffd]{background-color:#f3f3f3;color:#000;border:1px solid #000}@media screen and (max-width: 480px){.navbar[data-v-a3b66ffd]{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:1rem}.nav-list[data-v-a3b66ffd]{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:0;padding:0;margin-left:3rem}.nav-item[data-v-a3b66ffd]{width:auto;padding:.5rem 1rem;font-size:.9rem;margin:0}.nav-toggle-item[data-v-a3b66ffd]{margin-top:0}.nav-circle[data-v-a3b66ffd]{margin-left:1.5rem;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid #fff;border-radius:50%;cursor:pointer;transition:transform .2s}}.hero-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-around;cursor:pointer}.typewriter{font-family:monospace;font-size:2.5rem;font-weight:700;text-align:center;margin-top:2rem}.text-container{width:100%;max-width:900px;height:8em;overflow:hidden;margin:0 auto;display:flex;flex-direction:column;justify-content:center}.header-text{margin:0;line-height:1.4}.second-line{margin:0;line-height:1.4;font-size:1.8rem;font-weight:400}.variant-part{display:inline-block;text-align:center}.comment-line{color:#6a9953;font-size:1.4rem;font-weight:400;font-family:monospace}.skip{margin-top:1rem;cursor:pointer;color:#aaa;font-size:1rem;font-weight:400;text-decoration:underline;transition:color .2s}.skip:hover{color:#fff}.portfolio{font-family:monospace;font-size:1.6rem;display:block;width:900px;margin:0 auto 2rem;text-align:center;border-bottom:2px solid;padding-bottom:.5rem}body.dark-mode .hero-container{background-color:#000;color:#fff}body.dark-mode .portfolio{border-bottom-color:#fff}body.light-mode .hero-container{background-color:#f3f3f3;color:#000}body.light-mode .portfolio{border-bottom-color:#000}.safari .text-container{display:block!important;overflow:visible!important;height:auto!important}@media screen and (max-width: 480px){.hero-container{position:relative;padding:1rem;justify-content:flex-start;min-height:70vh}.typewriter{font-size:2rem;margin-top:1rem}.second-line{font-size:1.4rem}.portfolio{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);width:350px;font-family:monospace;font-size:1.3rem;text-align:center;border-bottom:2px solid;padding-bottom:.5rem;margin:0}}.portfolio-section{margin:0 1rem .5rem;text-align:center;font-family:monospace;position:relative;padding:1rem}.stack-heading{font-size:2rem;margin-bottom:.2rem}.stack-description{font-size:1rem;margin-bottom:2rem}.stack-row{display:flex;align-items:stretch;gap:2rem;margin-bottom:2rem}.top-row,.bottom-row{justify-content:center}.stack-item{width:225px;height:225px;display:flex;flex-direction:column;padding:1rem;text-align:left;overflow-y:auto;opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.stack-item.fade-in{opacity:1;transform:translateY(0)}body.dark-mode .stack-item{border:1px solid #fff}body.light-mode .stack-item{border:2px solid #000}.category-header{height:50px;display:flex;align-items:center;gap:.5rem;margin-bottom:1.2rem;overflow:hidden}.category-image-left{width:40px;height:auto}.stack-points{padding-left:2.5rem;margin:0;list-style-type:disc}.stack-points li{margin-bottom:.3rem;display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;box-sizing:border-box}.bullet-image{width:24px;height:auto;margin-right:.5rem}.portfolio-end-line{border:none;border-top:2px solid;margin:10rem auto 0;width:80%}@media screen and (max-width: 480px){.portfolio-section{padding:1rem .5rem}.stack-row{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}.stack-item{width:100%;max-width:300px;height:auto;margin:0 auto}.stack-item{text-align:left}.category-header{margin-bottom:.5rem}.stack-points{padding-left:1.5rem}.stack-points li{max-width:100%}.portfolio-end-line{margin:3rem auto 0}}.project-card{padding:1rem;text-align:left;font-family:monospace}.project-name{font-size:1.8rem;margin-bottom:1rem}.project-image{width:128px;height:128px;object-fit:cover;margin-bottom:1rem}.project-description{font-size:1rem;margin-bottom:1rem}.project-links a{text-decoration:underline;margin-right:1rem;color:inherit}.project-separator{border:none;border-top:2px solid;margin-top:1.5rem}.projects-section{margin:2rem auto;max-width:1000px;padding:1rem;font-family:monospace;text-align:center}.section-heading{font-size:2.5rem;margin-bottom:2rem}.projects-list{display:flex;flex-direction:column;gap:2rem}.fade-enter-active,.fade-leave-active{transition:opacity .6s ease,transform .6s ease}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(20px)}.footer-container[data-v-fc3b156d]{margin-top:auto;width:100%;background-color:inherit}.footer-inner[data-v-fc3b156d]{max-width:950px;margin:0 auto;padding-right:1rem}.footer-hero[data-v-fc3b156d]{text-align:left;font-family:monospace;font-size:2.5rem;font-weight:900}.typed-text[data-v-fc3b156d]{line-height:1.2}.bigbold[data-v-fc3b156d]{font-size:4rem;font-weight:900}.skip[data-v-fc3b156d]{margin-top:1rem;cursor:pointer;color:#aaa;font-size:1.2rem;text-decoration:underline;transition:color .1s}.skip[data-v-fc3b156d]:hover{color:#fff}.footer-details[data-v-fc3b156d]{text-align:left;font-family:monospace;font-size:1.4rem}.inline-text[data-v-fc3b156d]{display:inline;white-space:nowrap}.icon[data-v-fc3b156d]{margin-left:.5rem;text-decoration:none;display:inline-block;vertical-align:middle}.custom-icon[data-v-fc3b156d]{width:1em;height:1em;vertical-align:middle}.icon:hover .custom-icon[data-v-fc3b156d]{opacity:.8}.fade-enter-active[data-v-fc3b156d],.fade-leave-active[data-v-fc3b156d]{transition:opacity 1s ease}.fade-enter-from[data-v-fc3b156d],.fade-leave-to[data-v-fc3b156d]{opacity:0}@media screen and (max-width: 480px){.footer-hero[data-v-fc3b156d]{margin:1rem 1rem 1rem 2rem;text-align:left;font-size:1.6rem}.bigbold[data-v-fc3b156d]{font-size:2.4rem}.typed-text[data-v-fc3b156d]{font-size:1.4rem;line-height:1.3}.skip[data-v-fc3b156d]{font-size:1rem;margin-top:.5rem}.footer-details[data-v-fc3b156d]{margin:1rem 1rem 4rem 2rem;text-align:left;font-size:1.2rem}.custom-icon[data-v-fc3b156d]{width:1.2em;height:1.2em}}.hero-container-about{position:relative;min-height:75vh;width:100%;margin-top:2rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:2rem;cursor:pointer}.typewriter-about{font-family:monospace;width:100%;font-size:2.5rem;font-weight:400;text-align:left;margin-top:0}.text-container-about{width:60%;max-width:900px;height:auto;overflow:hidden;margin:0 auto;display:flex;flex-direction:column;justify-content:flex-start}.typed-output-about{margin:0;line-height:1.4;white-space:normal;word-break:break-word;text-align:left}.header-line-about{font-size:2.5rem;font-weight:700;display:block;margin-bottom:.2rem}.normal-line-about{font-size:1.2rem;font-weight:400;display:block;margin-bottom:0}.comment-line-about{color:#6a9953;font-size:1.2rem;font-weight:400;display:block;margin-bottom:0}.inline-icon{width:2rem;height:2rem;vertical-align:middle;margin:0 .3rem}.work{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);font-family:monospace;font-size:1.6rem;display:block;width:900px;text-align:center;border-bottom:2px solid;padding-bottom:.5rem}body.dark-mode .hero-container-about{background-color:#000;color:#fff}body.dark-mode .work{border-bottom-color:#fff}body.light-mode .hero-container-about{background-color:#f3f3f3;color:#000}body.light-mode .work{border-bottom-color:#000}@media screen and (max-width: 480px){.hero-container-about{padding:1rem}.typewriter-about{font-size:1.8rem}.text-container-about{width:100%;padding:0 1rem;margin:0 auto}.header-line-about{font-size:2rem}.normal-line-about,.comment-line-about{font-size:1rem}.work{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);width:400px;font-family:monospace;font-size:1.6rem;text-align:center;border-bottom:2px solid;padding-bottom:.5rem;margin:0}}.experience-section[data-v-4c8dba5e]{width:80%;max-width:900px;margin:4rem auto;color:inherit;font-family:monospace}.experience[data-v-4c8dba5e]{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease;padding-bottom:2rem;border-bottom:2px solid currentColor;margin-bottom:2rem}.experience[data-v-4c8dba5e]:last-child{margin-bottom:5rem}.experience.visible[data-v-4c8dba5e]{opacity:1;transform:translateY(0)}.job-title[data-v-4c8dba5e]{font-size:1.8rem;margin:0 0 .3rem;font-weight:700}.company-line[data-v-4c8dba5e]{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem}.company[data-v-4c8dba5e]{font-size:1.4rem}.date-right[data-v-4c8dba5e]{font-size:1rem;color:#aaa}.description[data-v-4c8dba5e]{font-size:1rem;margin:0;line-height:1.4;padding-left:1rem}.description li[data-v-4c8dba5e]{margin-bottom:.5rem}@media screen and (max-width: 480px){.experience-section[data-v-4c8dba5e]{width:100%;margin:2rem 1.5rem}}.hero-container-blog{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:monospace;cursor:pointer}body.dark-mode .hero-container-blog{background-color:#000;color:#fff}body.light-mode .hero-container-blog{background-color:#f3f3f3;color:#000}.blog-section{text-align:center;width:100%;max-width:900px;margin:1rem auto}.blog-image{display:block;margin:0 auto 1.5rem;max-width:80%;height:auto}.typed-output-blog{margin:0;line-height:1.4;font-size:1.2rem}.fade-in{opacity:0;animation:fadeIn 1.5s forwards}@keyframes fadeIn{to{opacity:1}}.typed-line{font-weight:400}