#root,body,html{background-color:#64c3e0;font-size:16px;height:100%;margin:0;overflow:hidden;padding:0;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:mario;src:url(/static/media/mario.727519250ea444b6c5ce.ttf)}@font-face{font-family:poorStory;src:url(/static/media/poorStory.d79202ad0d3a072d678d.ttf)}@media (max-width:768px){#root,body,html{font-size:14px}}@media (min-width:769px) and (max-width:1024px){#root,body,html{font-size:16px}}.App{cursor:none;font-family:poorStory;height:100%;letter-spacing:.8px;-webkit-user-select:none;user-select:none;width:100%}.App .my-flex{display:flex}.App .scene-container{background-color:#64c3e0;background-image:linear-gradient(90deg,#ffffff1a 1px,#0000 0),linear-gradient(180deg,#ffffff1a 1px,#0000 0);background-size:32px 32px;height:100%;width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff80;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fffc}.page-enter{opacity:0}.page-enter-active{opacity:1;transition:opacity .3s ease-out}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .3s ease-out}@media(max-width:768px){.App{letter-spacing:.5px}.App ::-webkit-scrollbar{width:6px}}@media(min-width:769px)and (max-width:1024px){.App{letter-spacing:.6px}.App ::-webkit-scrollbar{width:7px}}.navbar{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:center;padding:24px 32px;position:absolute;right:0;top:0;z-index:100}.navbar .nav-button{background-color:#4a9bc7;border:none;border-radius:8px;box-shadow:0 4px 0 #00000026;color:#eee;cursor:pointer;cursor:none;font-family:poorStory;font-size:24px;letter-spacing:.8px;opacity:0;padding:4px 12px;position:relative;transform:scale(0)}.navbar .nav-button.active,.navbar .nav-button:hover{background-color:#3d8ab3}.navbar .nav-button.llmoid-button .star-icon{font-size:16px;line-height:1;position:absolute;right:-4px;text-shadow:0 0 4px #e7e7e7cc;top:-4px}.navbar .hover-buttons .nav-button{transition:transform .25s,background-color .2s ease}.navbar .hover-buttons .nav-button:hover{transform:scale(1.2) rotate(5deg)!important}@media(max-width:768px){.navbar{flex-wrap:wrap;gap:8px;justify-content:flex-end;padding:16px}.navbar .nav-button{font-size:16px;letter-spacing:.5px;padding:3px 8px}}@media(min-width:769px)and (max-width:1024px){.navbar{gap:12px;padding:20px 24px}.navbar .nav-button{font-size:20px;padding:3px 10px}}.intro-text-container{display:flex;flex-direction:column;justify-content:center;left:0;left:6.5%;position:absolute;top:50%;transform:translateY(-50%)}.intro-text-container .name-text{color:#eee;font-family:mario;font-size:80px;text-align:center;text-shadow:1.6px 3.2px rgba(44,44,44,.333)}.intro-text-container .name-text p{justify-content:center;margin:0}.intro-text-container .name-text p.name{font-size:108px}.intro-text-container .hover-letters p div{transition:all .25s}.intro-text-container .hover-letters p div:hover{transform:scale(1.05) rotate(2deg)!important}.intro-text-container .Typewriter{align-self:flex-end;color:#e2e2e2;font-family:mario;font-size:16px;font-weight:100;margin-right:16px}.intro-text-enter{opacity:0}.intro-text-enter-active{opacity:1;transition:opacity .5s ease-out}.intro-text-exit{opacity:1}.intro-text-exit-active{opacity:0;transition:opacity .5s ease-out}@media(max-width:768px){.intro-text-container{left:5%;pointer-events:none;top:50%;transform:translateY(-50%);width:90%}.intro-text-container .name-text{font-size:40px;text-shadow:1px 2px rgba(44,44,44,.333)}.intro-text-container .name-text p.name{font-size:52px}.intro-text-container .Typewriter{align-self:center;font-size:12px;margin-right:8px}}@media(min-width:769px)and (max-width:1024px){.intro-text-container{left:5%;pointer-events:none}.intro-text-container .name-text{font-size:60px;text-shadow:1.2px 2.4px rgba(44,44,44,.333)}.intro-text-container .name-text p.name{font-size:80px}.intro-text-container .Typewriter{font-size:14px;margin-right:12px}}.home-footer{bottom:32px;color:#eee;font-size:16px;position:absolute;right:32px;text-align:center}.home-footer .icons-container .icon-container{cursor:none;margin:8px}.home-footer .icons-container .icon-container .connect-icon{background-color:#eee;height:25.6px;mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;width:25.6px}.home-footer .icons-container .icon-container .linkedin-icon{mask-image:url(/static/media/linkedin.bcd6a86b75b3008bf7ac.svg);-webkit-mask-image:url(/static/media/linkedin.bcd6a86b75b3008bf7ac.svg);transform:translateY(-1.6px)}.home-footer .icons-container .icon-container .github-icon{mask-image:url(/static/media/github.559007ed7f5a7af22768.svg);-webkit-mask-image:url(/static/media/github.559007ed7f5a7af22768.svg)}.home-footer .icons-container .icon-container .mail-icon{mask-image:url(/static/media/mail.33ac2b0e73504dfff7a6.svg);-webkit-mask-image:url(/static/media/mail.33ac2b0e73504dfff7a6.svg)}.home-footer .hover-icons .icon-container{transition:transform .25s}.home-footer .hover-icons .icon-container:hover{transform:scale(1.2) rotate(5deg)!important}@media(max-width:768px){.home-footer{bottom:16px;font-size:12px;right:16px}.home-footer .icons-container .icon-container{margin:4px}.home-footer .icons-container .icon-container .connect-icon{height:20px;width:20px}}@media(min-width:769px)and (max-width:1024px){.home-footer{bottom:24px;right:24px}.home-footer .icons-container .icon-container .connect-icon{height:23px;width:23px}}.hello-page{color:#eee;height:100%;left:0;overflow-x:hidden;overflow-y:auto;position:absolute;top:0;width:100%}.hello-page .hello-page-content{bottom:0;left:35%;max-height:100%;padding-bottom:30px;padding-right:20px;padding-top:5%;position:relative;width:40%}.hello-page h1{font-family:poorStory;font-size:48px;margin-bottom:16px}.hello-page p{font-family:poorStory;font-size:24px}@media(max-width:768px){.hello-page .hello-page-content{left:0;padding:15% 40px 10% 30px;width:90%}.hello-page h1{font-size:32px;margin-bottom:12px}.hello-page p{font-size:18px}}@media(min-width:769px)and (max-width:1023px){.hello-page .hello-page-content{left:20%;margin-left:100px;padding-bottom:10%;padding-top:10%;width:60%}.hello-page h1{font-size:40px}.hello-page p{font-size:20px}}.work-page{color:#eee;height:100%;left:0;overflow-x:hidden;overflow-y:auto;position:absolute;top:0;width:100%}.work-page .work-page-content{bottom:0;left:10%;max-height:100%;padding-bottom:5%;padding-right:20px;padding-top:5%;position:relative;width:50%}.work-page h1{font-family:poorStory;font-size:48px;margin-bottom:16px}.work-page .linkedin-link{color:inherit;cursor:none;text-decoration:none}.work-page>.work-page-content>p{font-family:poorStory;font-size:24px;margin-bottom:40px}.work-page .projects-grid{display:flex;flex-direction:column;gap:40px;margin-top:40px;padding-bottom:5%}.work-page .project-card-wrapper{position:relative;width:80%}.work-page .project-card{background:#2c2c2c1a;border:1px solid #64c3e033;border-radius:12px;color:inherit;cursor:none;display:block;overflow:hidden;text-decoration:none;width:100%}.work-page .project-card:hover img{filter:none;transform:scale(1.05)}.work-page .project-card:visited{color:inherit}.work-page .project-card.placeholder-card{background:#2c2c2c0d;border-color:#64c3e066;border-style:dashed;opacity:.7}.work-page .project-card.placeholder-card:hover{opacity:.85}.work-page .placeholder-screenshot{align-items:center;background:linear-gradient(135deg,#64c3e01a,#2c2c2c33);border-bottom:1px dashed #64c3e04d;display:flex;height:300px;justify-content:center;width:100%}.work-page .placeholder-screenshot .placeholder-content{align-items:center;display:flex;flex-direction:column;gap:16px}.work-page .placeholder-screenshot .placeholder-content .placeholder-icon{animation:pulse 2s ease-in-out infinite;font-size:64px;opacity:.6}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.work-page .project-title-container{align-items:center;display:flex;gap:12px;margin-bottom:16px}.work-page .project-title-container h2{flex:1 1;margin:0}.work-page .github-badge{align-items:center;border:1px solid #64c3e04d;border-radius:4px;cursor:none;display:inline-flex;flex-shrink:0;font-size:12px;height:28px;line-height:1;overflow:hidden;text-decoration:none;transition:border-color .3s ease,transform .2s ease}.work-page .github-badge:hover{border-color:#64c3e099;transform:translateY(-3px) scale(1.05)}.work-page .github-badge .github-badge-icon{align-items:center;background-color:#2c2c2c66;display:flex;height:100%;justify-content:center;padding:0 8px}.work-page .github-badge .github-badge-icon .github-icon{background-color:#eee;height:16px;mask-image:url(/static/media/github.559007ed7f5a7af22768.svg);-webkit-mask-image:url(/static/media/github.559007ed7f5a7af22768.svg);mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;width:16px}.work-page .github-badge .github-badge-text{align-items:center;background-color:#2c2c2c33;color:#eee;display:flex;height:100%;padding:0 10px;white-space:nowrap}.work-page .project-screenshot{overflow:hidden;width:100%}.work-page .project-screenshot img{filter:contrast(.9) saturate(.8) grayscale(.3);height:100%;object-fit:cover;transition:transform .3s ease,filter .3s ease;width:100%}.work-page .project-screenshot:hover img{filter:none;transform:scale(1.05)}.work-page .project-info{padding:24px}.work-page .project-info h2{font-family:poorStory;font-size:32px}.work-page .project-info .project-description p{color:#eee;font-family:poorStory;font-size:18px;line-height:1.6;margin-bottom:8px}.work-page .project-info .project-description p:last-child{margin-bottom:0}.work-page .project-info .project-technologies{border-top:1px solid #64c3e033;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px}.work-page .project-info .tech-badge{background-color:#64c3e0cc;border:1px solid #64c3e04d;border-radius:10px;color:#eee;display:inline-block;font-family:poorStory;font-size:14px;padding:6px 12px;transition:background-color .3s ease,border-color .3s ease,transform .2s ease;white-space:nowrap}.work-page .project-info .tech-badge:hover{background-color:#64c3e040;border-color:#64c3e080}@media(max-width:768px){.work-page .work-page-content{left:5%;padding-right:10px;padding-top:15%;width:90%}.work-page h1{font-size:32px;margin-bottom:12px}.work-page>.work-page-content>p{font-size:18px;margin-bottom:30px}.work-page .projects-grid{gap:30px;margin-top:30px}.work-page .project-card-wrapper{width:90%}.work-page .github-badge{font-size:11px;height:24px}.work-page .github-badge .github-badge-icon{padding:0 6px}.work-page .github-badge .github-badge-icon .github-icon{height:14px;width:14px}.work-page .github-badge .github-badge-text{padding:0 8px}.work-page .project-title-container{gap:8px}.work-page .project-screenshot{height:200px}.work-page .placeholder-screenshot{height:150px}.work-page .placeholder-screenshot .placeholder-content .placeholder-icon{font-size:48px}.work-page .project-info{padding:16px}.work-page .project-info h2{font-size:24px;margin-bottom:12px}.work-page .project-info .project-description p{font-size:16px}.work-page .project-info .project-technologies{gap:6px;margin-top:12px;padding-top:12px}.work-page .project-info .tech-badge{font-size:12px;padding:4px 10px}}@media(min-width:769px)and (max-width:1024px){.work-page .work-page-content{left:5%;padding-top:10%;width:70%}.work-page h1{font-size:40px}.work-page>.work-page-content>p{font-size:20px}.work-page .project-screenshot{height:250px}.work-page .project-info h2{font-size:28px}.work-page .project-info .project-description p{font-size:17px}}.connect-page{align-items:center;color:#eee;justify-content:center;text-align:center}.connect-page .connect-page-content{left:50%;position:absolute;top:40%;transform:translate(-50%,-50%)}.connect-page .connect-page-content .icons-container{display:flex;gap:32px}.connect-page .connect-page-content .icons-container .icon-container{cursor:none;margin:8px}.connect-page .connect-page-content .icons-container .icon-container .connect-icon{background-color:#eee;height:56px;mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;width:56px}.connect-page .connect-page-content .icons-container .icon-container .linkedin-icon{mask-image:url(/static/media/linkedin.bcd6a86b75b3008bf7ac.svg);-webkit-mask-image:url(/static/media/linkedin.bcd6a86b75b3008bf7ac.svg);transform:translateY(-1.6px)}.connect-page .connect-page-content .icons-container .icon-container .github-icon{mask-image:url(/static/media/github.559007ed7f5a7af22768.svg);-webkit-mask-image:url(/static/media/github.559007ed7f5a7af22768.svg)}.connect-page .connect-page-content .icons-container .icon-container .mail-icon{mask-image:url(/static/media/mail.33ac2b0e73504dfff7a6.svg);-webkit-mask-image:url(/static/media/mail.33ac2b0e73504dfff7a6.svg)}.connect-page .connect-page-content .icons-container .icon-container .strava-icon{mask-image:url(/static/media/strava.a989989d0b74e248159b.svg);-webkit-mask-image:url(/static/media/strava.a989989d0b74e248159b.svg);transform:scale(1.3)}.connect-page .connect-page-content .hover-icons .icon-container{transition:transform .25s}.connect-page .connect-page-content .hover-icons .icon-container:hover{transform:scale(1.2) rotate(5deg)!important}.connect-page .copyright-text{bottom:20px;left:50%;position:absolute}@media(max-width:768px){.connect-page .connect-page-content{font-size:12px;left:50%;top:50%;transform:translate(-50%,-50%);width:100%}.connect-page .connect-page-content .icons-container{flex-wrap:wrap;gap:20px;justify-content:center}.connect-page .connect-page-content .icons-container .icon-container{margin:4px}.connect-page .connect-page-content .icons-container .icon-container .connect-icon{height:35px;width:35px}}@media(min-width:769px)and (max-width:1024px){.connect-page .connect-page-content{font-size:12px}.connect-page .connect-page-content .icons-container{gap:20px}.connect-page .connect-page-content .icons-container .icon-container .connect-icon{height:35px;width:35px}}.llmoid-page{color:#eee;height:100%;left:0;overflow-x:hidden;overflow-y:auto;position:absolute;top:0;width:100%}.llmoid-page .llmoid-page-content{bottom:0;left:50%;max-height:100%;padding-bottom:5%;padding-right:20px;padding-top:5%;position:relative;transform:translateX(-50%);width:50%}.llmoid-page h1{font-family:poorStory;font-size:48px;margin-bottom:16px}.llmoid-page>.llmoid-page-content>p{font-family:poorStory;font-size:24px;margin-bottom:40px}.llmoid-page .chat-container{background:#2c2c2c1a;border:1px solid #64c3e033;border-radius:12px;display:flex;flex-direction:column;height:500px;max-height:70vh;overflow:hidden}.llmoid-page .chat-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:24px}.llmoid-page .chat-messages .empty-state{align-items:center;display:flex;height:100%;justify-content:center;opacity:.6}.llmoid-page .chat-messages .empty-state p{color:#eee;font-family:poorStory;font-size:24px}.llmoid-page .message{display:flex;margin-bottom:8px}.llmoid-page .message.user{justify-content:flex-end}.llmoid-page .message.user .message-content{background:#64c3e04d;border:1px solid #64c3e080;max-width:75%}.llmoid-page .message.ai{justify-content:flex-start}.llmoid-page .message.ai .message-content{background:#2c2c2c4d;border:1px solid #64c3e033;max-width:75%}.llmoid-page .message.ai.error .message-content{background:#c10b6f33;border:1px solid #c10b6f66}.llmoid-page .message.ai.loading .message-content{background:#2c2c2c4d;border:1px solid #64c3e033}.llmoid-page .message .message-content{word-wrap:break-word;border-radius:12px;padding:12px 16px}.llmoid-page .message .message-content p{color:#eee;font-family:poorStory;font-size:24px;line-height:1.6;margin:0}.llmoid-page .typing-indicator{display:flex;gap:6px;padding:8px 0}.llmoid-page .typing-indicator span{animation:typing 1.4s ease-in-out infinite;background-color:#eee;border-radius:50%;height:8px;width:8px}.llmoid-page .typing-indicator span:first-child{animation-delay:0s}.llmoid-page .typing-indicator span:nth-child(2){animation-delay:.2s}.llmoid-page .typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.7;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.llmoid-page .chat-input-container{align-items:flex-end;background:#2c2c2c1a;border-top:1px solid #64c3e033;display:flex;gap:12px;padding:16px}.llmoid-page .chat-input{background:#2c2c2c4d;border:1px solid #64c3e04d;border-radius:8px;color:#eee;cursor:none;flex:1 1;font-family:poorStory;font-size:24px;max-height:120px;overflow-y:auto;padding:12px 16px;resize:none}.llmoid-page .chat-input::placeholder{color:#eeeeee80}.llmoid-page .chat-input:focus{background:#2c2c2c66;border-color:#64c3e099;outline:none}.llmoid-page .chat-input:disabled{cursor:none;opacity:.6}.llmoid-page .send-button{background:#64c3e0cc;border:1px solid #64c3e04d;border-radius:8px;color:#eee;cursor:none;font-family:poorStory;font-size:24px;height:-webkit-fit-content;height:fit-content;padding:12px 24px;transition:background-color .3s ease,border-color .3s ease,transform .2s ease;white-space:nowrap}.llmoid-page .send-button:hover:not(:disabled){background:#64c3e040;border-color:#64c3e080;transform:translateY(-2px)}.llmoid-page .send-button:active:not(:disabled){transform:translateY(0)}.llmoid-page .send-button:disabled{cursor:none;opacity:.5}@media(max-width:768px){.llmoid-page .llmoid-page-content{left:5%;padding-right:10px;padding-top:15%;transform:translateX(0);width:90%}.llmoid-page h1{font-size:32px;margin-bottom:12px}.llmoid-page>.llmoid-page-content>p{font-size:18px;margin-bottom:30px}.llmoid-page .chat-container{height:500px;max-height:55vh}.llmoid-page .chat-messages{gap:12px;padding:16px}.llmoid-page .chat-messages .empty-state p{font-size:16px}.llmoid-page .message .message-content{max-width:85%;padding:10px 14px}.llmoid-page .message .message-content p{font-size:16px}.llmoid-page .chat-input-container{gap:8px;padding:12px}.llmoid-page .chat-input{font-size:16px;padding:10px 14px}.llmoid-page .send-button{font-size:16px;padding:10px 20px}}@media(min-width:769px)and (max-width:1024px){.llmoid-page .llmoid-page-content{padding-top:10%;width:70%}.llmoid-page h1{font-size:40px}.llmoid-page>.llmoid-page-content>p{font-size:20px}.llmoid-page .chat-container{height:550px;max-height:60vh}.llmoid-page .message .message-content{max-width:80%}.llmoid-page .message .message-content p{font-size:16px}}.cursor-inner,.cursor-outer{border-radius:50%;mix-blend-mode:difference;pointer-events:none;position:fixed;transition:transform .15s ease-out;z-index:9999}.cursor-outer{transition:transform .2s ease-out}.cursor-inner{transition:transform .1s ease-out}@media(hover:none){.cursor-inner,.cursor-outer{display:none}}
/*# sourceMappingURL=main.c17d87fb.css.map*/