@import"https://fonts.googleapis.com/css2?family=Quantico:ital,wght@0,400;0,700;1,400;1,700&display=swap";html,body{height:100%;width:100%;overflow-x:hidden}body,*{font-family:Quantico,sans-serif;font-weight:400;font-style:normal;font-size:1.05rem}*{color:#ffffffde;margin:0;padding:0;box-sizing:border-box}.page{display:flex;min-height:100dvh;min-width:100vw;background-color:#242424}.sidemenuContainer{height:100dvh;width:fit-content;padding:5px;margin:0 5px;display:flex;flex-direction:column;overflow-x:hidden}.contentContainer{flex:1 1 0%;min-width:70dvw;padding:5px;margin:0 5px;display:flex;flex-direction:column;overflow-x:hidden}.sidemenuItem{margin:10px 0;padding:4px 0;border:1px solid #fff;box-sizing:border-box;min-inline-size:0;flex:0 0 auto}.sidemenuItem legend{padding:0 8px;font-size:1em;margin:0}.experienceEntry{cursor:pointer;padding:6px 10px;transition:background .2s,color .2s;width:100%;box-sizing:border-box;margin:0}.experienceEntry.active{background-color:#007bff14;color:#007bff;border-top:1px solid #007bff;border-bottom:1px solid #007bff;width:100%;box-sizing:border-box}.experienceEntry.active .roleFlex{color:#f1f1f1}.experienceFlex{display:flex;align-items:center;font-family:monospace;width:100%}.roleFlex{flex:1;text-align:right;padding-right:.5ch}.atFlex{flex:0 0 2ch;text-align:center}.companyFlex{flex:1;text-align:left;padding-left:.5ch}.contentBox{flex:1 1 0%;min-height:0;display:flex;flex-direction:column;margin:10px 0;padding:5px 15px;border:1px solid #fff;box-sizing:border-box}.contentBox legend{padding:0 8px;font-size:1em;margin:0}.scrollableList{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#fff #222}.education-section{padding:1rem}.education-header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;row-gap:.5rem;column-gap:8rem;margin-bottom:10px}.education-header h2{font-size:1.25rem;margin:0}.education-date{font-size:1rem;white-space:nowrap;color:#447d9b;text-decoration:none}.educationPara{margin:15px 0}.hamburger{display:none;position:fixed;inset:auto 18px 18px auto;z-index:1001;background:#181818cc;border:1px solid #333;border-radius:8px;cursor:pointer;flex-direction:column;gap:3px;width:40px;height:40px;padding:0;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000002e;transition:background .15s,box-shadow .15s}.hamburger:active,.hamburger:focus{background:#232323;box-shadow:0 2px 12px #00000047}.hamburger-bar{display:block;width:20px;height:2.5px;background:#e0e0e0;border-radius:2px;margin:3px 0;transition:all .15s cubic-bezier(.4,2,.6,1)}.hamburger.open .hamburger-bar:nth-child(1){transform:translateY(6px) translate(-2.5px) rotate(-32deg)}.hamburger.open .hamburger-bar:nth-child(2){opacity:0}.hamburger.open .hamburger-bar:nth-child(3){transform:translateY(-6px) translate(-2.5px) rotate(32deg)}@media (min-width: 901px){.scrollableSkillsList{max-height:100dvh;overflow-y:auto;flex:1 1 0;min-height:0}.sidemenuItem[style*="flex-direction: column"]{flex:1 1 0!important;min-height:0!important;display:flex;flex-direction:column}}@media (max-width: 900px){.sidemenuContainer{position:fixed;top:0;left:0;right:0;height:100dvh;max-height:100dvh;width:100vw;max-width:100vw;background:#181818;z-index:1000;box-shadow:2px 0 12px #0000004d;transition:transform .18s ease,opacity .15s linear;transform:translate(-100%);opacity:0;pointer-events:none;display:flex;flex-direction:column;margin:0;padding:0;box-sizing:border-box;border:none}.sidemenuContainer.open{transform:translate(0);opacity:1;pointer-events:auto}.hamburger{display:flex}.sidemenuItem{margin-left:8px;margin-right:8px}.contentContainer{min-width:0;width:100vw;margin:0;padding:10px 0 0}.scrollableSkillsList{flex:1 1 0;min-height:0;overflow-y:auto;max-height:calc(100dvh - 16px)}.contentBox{margin-left:8px;margin-right:8px}}@media (max-width: 600px){.sidemenuContainer{width:95vw;max-width:100vw}.contentContainer{padding:5px 0 0}}.scrollableSkillsList{scrollbar-width:thin;scrollbar-color:#e0e0e0 transparent}.scrollableSkillsList::-webkit-scrollbar{width:8px;background:transparent}.scrollableSkillsList::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:6px;min-height:24px;transition:background .2s}.scrollableSkillsList::-webkit-scrollbar-thumb:hover{background:#fff}.scrollableSkillsList::-webkit-scrollbar-track{background:transparent}.scrollableSkillsList::-webkit-scrollbar-button{display:none;height:0;width:0}.chatPage{background-color:#1a1a1a;width:100vw;min-height:100vh;padding:20px 10px;display:flex;flex-direction:column;gap:.5rem}.bubble{padding:1rem 1.5rem;font-family:Quicksand,monospace;font-size:1.2rem;width:fit-content;max-width:80vw;background-color:#e6e6e633;color:#fff;border-radius:16px;border:1px solid rgb(255,255,255,.2);display:inline-block;transition:border-radius .2s linear}.lastBubble{border-bottom-left-radius:0}.loader{width:3rem;aspect-ratio:2;--_g: no-repeat radial-gradient( circle closest-side, rgb(255, 255, 255, .7) 75%, transparent );background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:calc(100% / 3) 50%;animation:typing .8s infinite linear}@keyframes typing{20%{background-position:0% 0%,50% 50%,100% 50%}40%{background-position:0% 100%,50% 0%,100% 50%}60%{background-position:0% 50%,50% 100%,100% 0%}80%{background-position:0% 50%,50% 50%,100% 100%}}.goBtnContainer{width:100%;min-height:5rem;display:flex;justify-content:center;align-items:center;margin-top:1.5rem}.rotateWrapper{border-radius:50%;height:5rem;width:5rem;opacity:0;font-size:3rem;border:6px solid;border-color:#fff transparent;animation:pop .2s forwards ease-in-out,ring .6s infinite linear;color:#fff;transition:all .2s ease-in-out}.rotateWrapper:hover{cursor:default;border-color:transparent transparent;background-color:#fff;color:#1a1a19}@keyframes pop{to{opacity:1}}@keyframes ring{0%{transform:rotate(-360deg)}}.goBtn{border-radius:50%;height:100%;width:100%;display:flex;align-items:center;justify-content:center;font-size:inherit;font-weight:900;animation:antiRing .6s infinite linear;color:inherit;font-family:sans-serif}@keyframes antiRing{0%{transform:rotate(360deg)}}.bubbleOut{animation:moveOut .5s forwards}@keyframes moveOut{to{transform:translate(-100vw)}}.btnOut{animation:reverse-pop .3s forwards ease-in-out}@keyframes reverse-pop{0%{opacity:1}to{opacity:0}}.notFound{display:inline-block;font-size:10rem;font-weight:900;color:#1f1f1f66;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.Kcontainer{padding:20px;font-family:sans-serif;font-size:16px;line-height:1.5}.Kcontainer a{margin-left:5px;color:#00f;text-decoration:none}.Kcontainer a:hover{text-decoration:underline}
