*{margin:0;padding:0;box-sizing:border-box}body{max-width:100%;min-height:100vh;overflow-x:auto;background:#010216}footer{margin-top:auto;text-align:center;color:#fff;font-family:monospace;padding:10px 12px}.FireWorks{position:fixed;-webkit-user-select:none;user-select:none;inset:0;cursor:default;background:transparent;pointer-events:none}.line{position:fixed;cursor:default;width:2px;height:5px;border-radius:1px;opacity:1;filter:blur(.5px);transform-origin:center;animation:fadeAndFly 1s ease-out forwards}@keyframes fadeAndFly{0%{opacity:1;transform:translate(0)}to{opacity:0}}.container{position:fixed;pointer-events:none;width:100%;height:100vh;overflow:visible}.light{position:relative;display:flex}.light span{position:relative;width:5px;height:5px;background:#c9f0f3;margin:0 10px;border-radius:50%;box-shadow:0 0 0 5px #fdfdfd,0 0 50px #fff,0 0 100px #fff;animation:animate 10s ease infinite;animation-duration:calc(100s / var(--i))}@keyframes animate{0%{opacity:.1;transform:translateY(100vh) scale(.1)}10%{opacity:1}to{transform:translateY(-10vh) scale(.5)}}.AboutMe.fade-in{--delay: .1s}.WelcomeTop.fade-in{--delay: .5s}.WelcomeTop #Welcome.fade-in{--delay: 1s}.AboutMe .WelcomeTop #InfoAbout.fade-in{--delay: .3s}#Education.fade-in{--delay: .1s}#Education .PCCInfo{--delay: .3s}.AboutInfo{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:200px;gap:100px;flex:1}.AboutMe{position:relative;min-height:350px;height:auto;width:auto;border:2px solid;border-radius:10px;border-color:#014444;box-shadow:5px 5px 10px #01364e80;background-color:#000607e6;transition:border-color .3s ease,box-shadow .3s ease,translate .3s ease;padding:16px 20px;box-sizing:border-box}.AboutMe:hover{border-color:#317191;translate:0 -5px;box-shadow:0 16px 36px #00000059}.WelcomeTop #Welcome{text-align:center}.WelcomeTop{color:#fff;font-family:monospace}.AboutMe *{max-width:100%;box-sizing:border-box}.AboutMe .WelcomeTop #InfoAbout{font-family:monospace;margin-top:20px;margin-left:20px;max-height:400px;min-height:200px;max-width:900px;min-width:200px;font-weight:300;font-size:clamp(14px,2.2vw,20px);word-spacing:3px}.AboutInfo #Education{height:500px;display:flex;flex-direction:column;gap:50px}.AboutInfo #Education #EducationLevel{font-family:monospace;text-align:center;color:#fff}.AboutInfo #Education #PSUInfo{position:relative;display:flex;font-family:monospace;color:#2ab807;max-height:400px;min-height:100px;min-width:100px;max-width:800px;font-size:larger;gap:50px}.AboutInfo #Education .UniLogo{position:relative;max-width:150px;min-width:50px;min-height:50px;max-height:150px;margin-left:50px}.AboutInfo .AboutMe .WelcomeTop #MichelK{max-width:170px;max-height:300px;min-width:70px;min-height:200px;border-radius:15%}.AboutInfo .AboutMe .WelcomeTop #Desc_Pic{position:relative;display:flex;gap:150px}.AboutInfo #Education .PCCInfo #PCCAdjust{position:relative;max-width:200px;margin-left:0;max-height:700px;margin-top:50px}.AboutInfo #Education .PCCInfo{position:relative;display:flex;font-family:monospace;color:#55ade0;font-size:larger;gap:30px}.AboutInfo #Education .PCCInfo #PCCHeading{margin-top:37px;font-size:21px}.AboutInfo #Skills{display:flex;flex-direction:row;width:100%;height:auto;max-width:1700px;margin-bottom:190px;gap:100px;align-items:stretch}.AboutInfo #Skills .TechTitle{position:relative;text-align:center;color:#fff;font-size:24px;bottom:60px;font-family:monospace}.AboutInfo #Skills #SoftTitle{color:#fff}.AboutInfo #Skills #Technical_Skills{margin-top:60px;display:flex;flex-direction:column}.AboutInfo #Skills #Technical_Skills .SCard-Container,.AboutInfo #Skills #Soft_Skills .SCard-Container{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start;justify-content:flex-start}.AboutInfo #Skills #Soft_Skills{margin-top:60px;display:flex;flex-direction:column}.SCard{position:relative;display:flex;flex-direction:column;width:80px;height:auto;border:2px solid;border-color:#383a3a;border-radius:2%;padding-bottom:5px;margin-left:20px;transition:border-color ease .7s}.SCard img{display:block;margin:12px;width:50px}.SCard .Card-Name{position:relative;color:#fff;width:100%;font-family:monospace;text-align:center;font-size:larger;overflow-wrap:anywhere;font-size:clamp(10px,2vw,14px)}.SCard:hover{border-color:#099}.AboutInfo #Skills #Technical_Skills #LanguageTitle{width:100%;text-align:center;padding-bottom:10px;color:#fff;margin-top:-25px;font-size:23px;font-family:monospace}.AboutInfo #Skills #Technical_Skills #FrameWorksTitle{width:100%;text-align:center;padding-top:15px;padding-bottom:15px;color:#fff;font-size:23px;font-family:monospace}.SCard .overflow-handle{font-size:clamp(10px,1.5vw,11px)}.AboutInfo .Resume-Container{display:flex;flex-direction:column;flex-wrap:wrap}.AboutInfo .Resume-Container a{text-decoration:none;color:#0647fa;font-family:monospace;margin-left:10px;font-size:30px;margin-top:10px;margin-bottom:10px}.AboutInfo .Documentation-Container #Docs-Title{font-family:monospace;color:#fff;text-align:center}.AboutInfo .Documentation-Container .Resume-Container #Resume{width:500px}.AboutInfo #Resume{cursor:zoom-in}.ResumeThumb{width:100%;max-width:600px;cursor:zoom-in}.Lightbox{position:fixed;inset:0;background:#000000e6;z-index:9999;display:flex;align-items:center;justify-content:center}.LightboxImg{max-width:96vw;max-height:96vh;width:auto;height:auto;cursor:zoom-out}@media (max-width: 768px){.AboutInfo{gap:48px;min-height:auto;padding:0 16px}.AboutMe{width:92%;margin:0 auto;padding:14px 16px}.WelcomeTop #Welcome{font-size:clamp(20px,5.5vw,28px);line-height:1.2}.AboutMe .WelcomeTop #InfoAbout{margin-top:12px;margin-left:0;max-width:100%;line-height:1.45;word-spacing:1px;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.AboutInfo #Education{height:auto;gap:16px}.AboutInfo #Education #PSUInfo{display:grid;grid-template-columns:1fr;justify-items:center;text-align:center;gap:16px;max-width:100%;font-size:16px}.AboutInfo #Education .UniLogo{margin-left:0;max-width:120px;max-height:120px;width:auto;height:auto}.AboutInfo #Education .PCCInfo{display:grid;grid-template-columns:1fr;justify-items:center;text-align:center;gap:16px;max-width:100%;font-size:16px}.AboutInfo .AboutMe .WelcomeTop #MichelK{max-width:120px;max-height:220px;min-width:60px;min-height:120px}.AboutInfo .AboutMe .WelcomeTop #Desc_Pic{gap:24px;flex-direction:column;align-items:center}.Projects{position:static;width:92%;height:auto;margin:24px auto 0;padding:16px;top:auto;left:auto;border-radius:16px}.fade-in{transform:translateY(4px);animation-duration:.6s}}@media (max-width: 520px){.AboutInfo{margin-top:16px}.AboutInfo #Skills{display:grid;grid-template-columns:1fr;gap:24px;width:100%;height:auto}.AboutInfo #Skills #Technical_Skills{margin-top:16px;align-items:center;gap:8px}.AboutInfo #Skills .TechTitle{position:static;margin:0 0 8px;font-size:clamp(18px,5vw,22px);text-align:center}.AboutInfo #Skills #Technical_Skills #LanguageTitle,.AboutInfo #Skills #Technical_Skills #FrameWorksTitle{font-size:clamp(16px,4.2vw,18px);margin:4px 0 6px;text-align:center}.AboutInfo #Skills #Technical_Skills .SCard-Container,.AboutInfo #Skills #Soft_Skills .SCard-Container{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:10px 12px;justify-items:center;width:100%}.SCard{width:100%;max-width:110px;padding:10px 8px;height:auto;margin-left:0;border-radius:8px}.SCard img{width:auto;margin:0;justify-self:center}.SCard .Card-Name{margin-top:6px;font-size:clamp(10px,3.2vw,12px);text-align:center;overflow-wrap:anywhere;word-break:break-word}.SCard .overflow-handle{font-size:clamp(10px,3.2vw,11px)}}.NavigationBar-Container{position:relative;display:flex;top:50px;justify-content:center;gap:75px;padding-top:15px;margin-bottom:120px}.NavigationBar-Container .NavStyle{color:#fff;display:inline-block;padding:10px 20px;border-radius:8px;border:2px solid;border-color:#fff;text-decoration:none;font-family:monospace;font-weight:600;text-align:center;background-color:#0006;transition:border-color .8s ease,box-shadow .5s ease,translate .5s ease;position:relative;font-size:16px}.NavigationBar-Container .NavStyle:after{content:"";position:absolute;left:0;bottom:6px;width:0;height:2px;background-color:#c8d1d1;transition:width .3s ease}.NavigationBar-Container .NavStyle:hover{border-color:#0e9292;box-shadow:5px 5px 10px #01364e80;translate:0 -5px}.NavigationBar-Container .NavStyle:hover:after{width:100%}.fade-in{opacity:0;transform:translateY(8x);animation:FadeIn .8s ease-out var(--delay, .12s) 1 forwards}@keyframes FadeIn{0%{opacity:0}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.NavigationBar-Container{gap:14px}.NavigationBar-Container .NavStyle{font-size:15px}}@media (max-width: 480px){.NavigationBar-Container{gap:15px;padding:6px}.NavigationBar-Container .NavStyle{font-size:14px}}.ProjectsContainer #PrepAndCount.fade-in{--delay: .2s}.ProjectsContainer #SlimNet.fade-in{--delay: .4s}.ProjectsContainer #ML-Wumpus.fade-in{--delay: .6s}.ProjectsContainer #Arizon-TradeAd.fade-in{--delay: .8s}.ProjectsContainer #PortfolioWeb.fade-in{--delay: 1s}.ProjectsContainer{position:relative;top:150px;width:100%;height:auto;display:flex;flex-direction:row;flex-wrap:wrap;gap:100px;padding-bottom:200px;margin-bottom:190px}.Projects{flex-direction:row;flex-wrap:wrap;display:flex;position:relative;border:2px solid;border-radius:1%;border-color:#1c0344;box-shadow:0 0 10px #e0dee280;left:50px;width:100%;max-width:500px;min-height:250px;height:auto;background-color:#0c0b31e6;color:#fff;font-family:monospace;gap:25px;transition:border-color .5s ease}.Projects:hover{border-color:#6432b4;cursor:pointer}.Projects img{position:relative;margin-top:5px;margin-left:5px;width:100px;height:125px}.Projects .size-down{width:100px;height:100px}.Projects .Description{font-size:larger;margin-bottom:15px;margin-left:5px}.Projects .Attributes{flex:1 1 0;max-width:100%;margin-top:5px}.Projects .Attributes .ProjDetails{display:flex;flex-wrap:wrap;gap:8px;width:100%;max-width:100%;margin-top:10px}.Projects .Attributes .ProjDetails .el_used{flex:0 0 auto;display:inline-flex;align-items:center;white-space:nowrap;border:2px solid;border-radius:10%;font-size:14px;padding:4px}@media (max-width: 640px){.ProjectsContainer{top:0;padding:16px 16px calc(96px + env(safe-area-inset-bottom)) 16px;gap:16px}.Projects{left:0;width:100%;max-width:none;border-radius:12px;padding:10px}.Projects img{margin-top:0;margin-left:0;width:72px;height:72px}.Projects .size-down{width:72px;height:72px}.Projects .Description{font-size:16px;margin:8px 0 10px;line-height:1.35;word-break:break-word}.Projects .Attributes{margin-top:0}.Projects .Attributes .ProjDetails .el_used{font-size:12px;padding:2px 6px}}.ProjectsContainer{padding-top:24px}.Footer-Setting{position:static;bottom:0;color:#fff;font-family:monospace;text-align:center;margin-top:auto}#Container-Title{--delay: .2s}.Contact-Container #gmail{--delay: .5s}.Contact-Container #linkedin{--delay: .75s}.Contact-Container #github{--delay: 1s}.fade-in{opacity:0;transform:translateY(8px);animation:fadeIn .8s ease-out var(--delay, .12s) 1 forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1;transform:translateY(0)}}#Container-Title{margin-top:150px}.Contact-Container{position:static;justify-self:center;justify-content:center;display:flex;flex-direction:row;flex-wrap:wrap;width:auto;height:auto;border:3px solid;border-radius:2%;color:#fff;border-color:#033e8b;gap:100px;font-family:monospace;box-shadow:0 0 2px #11566d;padding:10px;transition:border-color .5s ease;margin-top:150px}.Contact-Container:hover{border-color:#2481ec}.Contact-Container .Contact-info{align-self:center;text-align:center;padding:10px;cursor:pointer}.Contact-Container .Contact-info .Image-Contact{width:100px}#Container-Title{position:relative;top:50px;color:#fff;font-family:monospace;text-align:center}