@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";.home{display:flex;flex-direction:column;height:100vh}.headerBox{display:none;justify-content:space-around;align-items:center;padding:4rem 1rem 0;color:var(--fontInactive)}.headerItem{display:flex;font-size:clamp(.7rem,1vw,.9rem);text-transform:uppercase;letter-spacing:2.5px;padding:.3rem 0;border-width:0}.section1{display:flex;justify-content:space-between;align-items:flex-start;flex-grow:1;padding:6rem 6rem 0;align-content:stretch}.section2{display:flex;gap:3rem;padding:0 6rem 6rem}.intro{flex-grow:1;display:flex;justify-content:flex-start;gap:3rem;align-items:flex-start;flex-direction:column}.about{color:var(--fontSecondary);line-height:1.8rem;font-size:clamp(1rem,1vw,1.3rem);font-weight:400;width:max(290px,55%)}.content{margin-top:3rem;color:var(--fontInactive);list-style:none;display:flex;justify-content:flex-start;align-items:flex-start;gap:1.5rem;flex-direction:column}span{font-size:clamp(.5rem,1vw,.7rem)}.contentItem{display:flex;justify-content:flex-start;align-items:center;font-size:clamp(.7rem,1vw,.9rem);gap:1rem;text-transform:uppercase;letter-spacing:3.5px}.line{display:block;width:2rem;height:1px;background-color:var(--fontInactive)}.content .contentItem:hover .line{cursor:pointer;width:3rem;background-color:var(--fontPrimary)}.content .contentItem:hover{cursor:pointer;transition:all .3s;font-size:1.3rem;color:var(--fontPrimary)}.info{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;align-self:stretch;width:160%}.container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:5rem 15rem 5rem 15rem 5rem;grid-gap:.8rem;grid-template-areas:"box0 ." "box0 box1" "box2 box1" "box2 box3" ". box3"}.isActive{transition:all .3s;font-size:1.3rem;color:var(--fontPrimary)}.lineActive{width:3rem;background-color:var(--fontPrimary)}@media (max-width: 680px){.home{overflow-x:hidden;overflow-y:scroll;gap:4rem}.headerBox{display:flex}.section1{flex-direction:column;gap:3rem;padding:0 1rem}.section2{justify-content:center}.intro{justify-content:center;align-items:center}.about{width:100%;text-align:center}.content{display:none}.info{width:100%}.container{grid-template-columns:1fr;grid-template-rows:15rem 15rem 15rem 15rem;grid-gap:.8rem;grid-template-areas:"box0" "box1" "box2" "box3"}.isActive{font-size:.8rem;border-bottom:1px solid var(--fontInactive)}}.listContainer{display:flex;flex-direction:column;gap:.9rem}.dialog{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;align-self:stretch;padding:2rem;gap:.6rem;text-decoration:none;background-color:var(--secondary)}.header{display:flex;width:100%}.stack{flex-grow:1;color:var(--fontPrimary);font-size:clamp(.7rem,2vw,.8rem);text-transform:uppercase}.linkImg{display:none;width:1.3rem;height:1.3rem}.name{color:var(--fontPrimary);font-size:clamp(2.1rem,2.5vw,2.5rem)}.dis{color:var(--fontSecondary);font-size:clamp(.8rem,1.5vw,1rem)}.tech{display:flex;justify-content:center;align-items:center;gap:.5rem}.techItem{padding:.3rem;color:var(--fontSecondary);font-size:.8rem;background-color:var(--primary)}@media (hover: hover) and (min-width: 680px){.listContainer:hover .tech{display:none}.listContainer:hover .dialog{background-color:var(--inactive);gap:.8rem}.listContainer:hover .name{padding:1.5rem 0rem .5rem;color:var(--fontInactive)}.listContainer:hover .stack,.listContainer:hover .dis{color:var(--fontInactive)}.listContainer .dialog:hover{background-color:var(--secondary);transition:all .5s;transform:scale(1.15)}.dialog:hover .name,.dialog:hover .stack{color:var(--fontPrimary)}.dialog:hover .dis{color:var(--fontSecondary)}.dialog:hover .linkImg{display:block}}@media (max-width: 680px){.dialog{background-color:var(--secondary);gap:.8rem}.stack{color:var(--fontPrimary)}.linkImg{display:block;width:1.1rem;height:1.1rem}.name{padding:1.5rem 0rem .5rem;color:var(--fontPrimary)}.dis{color:var(--fontSecondary)}.tech{display:none}}.cell{display:flex;flex-grow:1;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:2rem;background-color:var(--secondary)}.category{color:var(--fontSecondary);font-size:clamp(.8rem,1.7vw,.89rem);text-transform:uppercase}.skills{display:flex;flex-direction:column;align-content:flex-start;justify-content:flex-start}.skillItem{color:var(--fontPrimary);font-size:clamp(1.4rem,2vw,1.8rem)}.interestContainer{display:flex;flex-direction:column;gap:2rem}.case{display:flex;align-items:center;justify-content:flex-start;align-self:stretch;padding:1.5rem;gap:3rem}.iconBox{display:flex;align-items:center;justify-content:center;border-radius:50%;height:8rem;width:8rem;flex-shrink:0;background-color:var(--secondary)}.icon{height:1.4rem;width:1.4rem}.detailBox{display:flex;flex-direction:column;padding:1.5rem;text-decoration:none}.topic{color:var(--fontPrimary);font-size:clamp(1.7rem,2.5vw,2rem)}.detail{color:var(--fontSecondary);font-size:clamp(.8rem,1.5vw,.95rem)}@media (max-width: 500px){.detailBox{padding:0;align-self:stretch}}@media (max-width: 680px){.case{flex-direction:column;padding:0;gap:1rem}.iconBox{height:3.5rem;width:3.5rem}}.linkBox{display:flex;align-items:center;justify-content:flex-start;gap:.3rem;text-decoration:none}.image{height:1.3rem;width:1.3rem}.handle{font-size:1rem;color:var(--fontPrimary)}.link{height:1.3rem;width:1.3rem}@media (max-width: 680px){.handle,.link{display:none}}:root{--lightRedA05: rgba(108, 48, 48, .636);--primary: #151515;--secondary: #202022;--inactive: #1e1d1d;--fontPrimary: #fefefe;--fontSecondary: #858585;--fontInactive: #626262}*{margin:0;padding:0}html,body{user-select:none;background-color:var(--primary);font-family:Space Mono,mono-space;overflow:hidden}.fontLarge{color:var(--fontPrimary);font-size:clamp(2.5rem,5vw,6rem);font-weight:400;line-height:7rem}@media (max-width: 680px){.fontLarge{line-height:5rem}}