body{background-color:#000;margin:0%}*{margin:0%;padding:0%}:root{--radiusCard:15px;--radiusButton:50px}.Navbar{box-sizing:border-box;padding-inline:10px;border-radius:var(--radiusCard);background-color:#fff;justify-content:space-between;justify-self:center;align-items:center;width:calc(100% - 60px);max-width:1860px;margin-top:20px;padding:20px;display:flex}.Navbar-Open{appearance:none;touch-action:manipulation;cursor:pointer;border-radius:50px;outline:2px solid #ced5ff;padding:10px;transition:all .25s}.Navbar-Open:hover{outline-offset:2px;color:#fff;fill:#fff;background-color:#8a2be2;outline:2px double red}.Mission{box-sizing:border-box;background-color:#fff;width:min(100dvw,1920px);margin:auto;padding:30px}.Mission-Child{box-sizing:border-box;background-color:#0cf;border-radius:15px;padding:60px}.Mission-Child-H1{color:#ffffffe1;font-family:Roboto;font-size:60px;line-height:100%}.Mission-Child-Logo{box-sizing:border-box;gap:50px;margin-top:40px;display:flex}.Mission-Child-Logo svg{box-sizing:border-box;height:80px;color:#f5f5f5bd!important}.Skill{background-color:#ff0;grid-template-areas:"box1 box2 box3""box1 box4 box5";width:min(100dvw,1920px);margin:auto;display:grid}.Skill-Box-1{box-sizing:border-box;background-color:#0ff;grid-area:box1;align-items:end;padding:50px;display:flex}.Skill-Box-1-H1{font-family:Momo Trust Display,sans-serif;font-size:clamp(3rem,2rem + min(100vw,1920px)/10,15rem)}.Skill-Box-2{box-sizing:border-box;background:radial-gradient(80% 60% at 70% 20%,#af6dffd9,#0000 68%),radial-gradient(70% 60% at 20% 80%,#ff64b4bf,#0000 68%),radial-gradient(60% 50% at 60% 65%,#ffebaafa,#0000 68%),radial-gradient(65% 40% at 50% 60%,#78beff4d,#0000 68%),linear-gradient(#f7eaff 0%,#fde2ea 100%);grid-area:box2}.Skill-Box-2-Content{box-sizing:border-box;cursor:default;background:radial-gradient(125% 125% at 50% 10%,#ffffff7e 40%,#7c3aed 100%);border-radius:10px;flex-direction:column;justify-content:space-between;gap:10px;height:calc(100% - 60px);margin:30px;padding:40px;display:flex}.Skill-Box-2-Content-Details{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin-top:50px;font-size:larger;display:grid}.Skill-Box-3{background:radial-gradient(85% 65% at 8% 8%,#af6dff6b,#0000 60%),radial-gradient(75% 60% at 75% 35%,#ffebaa8c,#0000 62%),radial-gradient(70% 60% at 15% 80%,#ff64b466,#0000 62%),radial-gradient(70% 60% at 92% 92%,#78beff73,#0000 62%),linear-gradient(#f7eaff 0%,#fde2ea 100%);grid-area:box3}.Skill-Box-3-Content{box-sizing:border-box;cursor:default;background:radial-gradient(125% 125% at 50% 10%,#ffffffb7 40%,#dd0f65 100%);border-radius:10px;flex-direction:column;justify-content:space-between;gap:10px;height:calc(100% - 60px);margin:30px;padding:40px;display:flex}.Skill-Box-3-Content-Details{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin-top:20px;font-size:larger;display:grid}.Skill-Box-4{background-color:#000;grid-area:box4}.Skill-Box-4-Content{box-sizing:border-box;cursor:default;background-blend-mode:soft-light;filter:contrast(1.05)brightness(1.05)blur(.5px);color:#fff;background:radial-gradient(circle,#ff00ff14 0%,#0000 45%),radial-gradient(circle,#00ffff14 10%,#0000 55%),radial-gradient(circle,#111 0%,#1a1a1a 100%);border-radius:10px;flex-direction:column;justify-content:space-between;gap:10px;height:calc(100% - 60px);margin:30px;padding:40px;display:flex;box-shadow:inset 0 0 60px #ffffff4d,inset 20px 0 80px #f0f3,inset -20px 0 80px #0ff3,inset 20px 0 300px #ff00ff1a,inset -20px 0 300px #00ffff1a,0 0 50px #ffffff1a,-10px 0 80px #ff00ff1a,10px 0 80px #00ffff1a}.Skill-Box-4-Content-Details{color:wheat;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin-top:50px;font-size:larger;display:grid}.Skill-Box-5{background:radial-gradient(80% 60% at 70% 20%,#af6dffd9,#0000 68%),radial-gradient(70% 60% at 20% 80%,#ff64b4bf,#0000 68%),radial-gradient(60% 50% at 60% 65%,#ffebaafa,#0000 68%),radial-gradient(65% 40% at 50% 60%,#78beff4d,#0000 68%),linear-gradient(#f7eaff 0%,#fde2ea 100%);grid-area:box5}.Skill-Box-5-Content{box-sizing:border-box;cursor:default;background:radial-gradient(125% 125% at 50% 10%,#ffffff59 40%,#3fdd0fb9 100%);border-radius:10px;flex-direction:column;justify-content:space-between;gap:10px;height:calc(100% - 60px);margin:30px;padding:40px;display:flex}.Skill-Box-5-Content-Details{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin-top:50px;font-size:larger;display:grid}@media (width<=1200px){.Skill{grid-template-areas:"box1 box1""box2 box3""box4 box5"}}@media (width<=800px){.Skill{grid-template-areas:"box1""box2""box3""box4""box5"}}.Project{box-sizing:border-box;background-color:red;flex-direction:column;gap:50px;max-width:1920px;margin:auto;padding:min(10rem,5%);display:flex}.Project-H1{font-display:fallback;background-color:#fff;width:50%;font-family:Roboto;font-size:40px}.Project-Card{scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:20px;display:flex;overflow-x:scroll}.Project-Card::-webkit-scrollbar{display:none}.Project-Card-Content{cursor:pointer;scroll-snap-align:start;background-color:#0ff;grid-template-areas:"stack";place-items:end;transition:all .25s;display:grid}.Project-Card-Content:hover>.Project-Card-details svg{color:#fff;visibility:visible;background-color:#000}.Project-Img{object-fit:cover;grid-area:1/1/2/2;width:min(500px,70vw)}.Project-Card-details{box-sizing:border-box;background-color:#fff;grid-area:1/1/2/2;justify-content:space-between;align-items:center;width:calc(100% - 40px);margin:20px;padding:10px;display:flex}.Project-Card-details svg{visibility:hidden;cursor:pointer;padding:20px;transition:all .25s}.Project-Arrows{justify-content:end;gap:10px;display:flex}.Project-Arrows svg{cursor:pointer;background-color:#d8aeae;border-radius:50px;padding:20px}.Project-Arrows svg:hover{outline-offset:2px;outline:2px solid #000}.subnavbar{z-index:9;box-sizing:border-box;background-color:#000;width:100%;height:100%;margin:0%;position:fixed}.subnavbar-child{background-color:red;width:100%;height:100%}.subnavbar-expande{touch-action:manipulation;cursor:pointer;background-color:#fff6f6;border-radius:10px;padding:10px}.subnavbar-expande:hover{outline-offset:2px;outline:2px solid #efe6f8}.subnavbar-close{touch-action:manipulation;cursor:pointer;background-color:#fff6f6;border-radius:10px;margin-left:10px;padding:10px}.subnavbar-close:hover{outline-offset:2px;outline:2px solid #efe6f8}.LearnMore{background-color:#0ff;width:100%}.LearnMore-Card-Imgs{object-fit:contain;box-sizing:border-box;width:100%;padding-top:0}.LearnMore-Card-SubImgs{gap:10px;display:flex}.LearnMore-Card-SubImgs-Imgs{cursor:pointer;width:100px;transition:all .25s}.LearnMore-Card-SubImgs-Imgs:hover{outline-offset:2px;outline:2px solid red}.Hero{box-sizing:border-box;background-color:#000;grid-template-areas:"box2 box1 box1""box3 box4 box5";gap:30px;width:min(100dvw,1920px);height:auto;margin:auto;padding:30px;display:grid}.Hero-Child-1{border-radius:var(--radiusCard);box-sizing:border-box;background:linear-gradient(176deg,#fff 0%,#a200ff 100%);grid-area:box1;justify-content:start;align-items:end;padding:min(4rem,8%);display:flex}.Hero-Child-1-H1{font-display:swap;font-family:Momo Trust Display,sans-serif;font-size:clamp(3rem,2rem + min(100vw,1920px)/10,15rem);line-height:100%}.Hero-Child-2{border-radius:var(--radiusCard);background-color:beige;grid-area:box2}.Hero-Child-2-img{border-radius:var(--radiusCard);object-fit:cover;background-color:red;width:100%;height:100%}.Hero-Child-3{border-radius:var(--radiusCard);box-sizing:border-box;background-color:#00f;flex-direction:column;grid-area:box3;padding:20px;display:flex;overflow:hidden}.Hero-Child-4{border-radius:var(--radiusCard);box-sizing:border-box;background-color:#8a2be2;flex-direction:column;grid-area:box4;justify-content:end;gap:20px;padding:min(5rem,8%);display:flex}.Hero-Child-4 h1{box-sizing:border-box}.Hero-Child-4-Buttons{flex-wrap:nowrap;display:flex}.Hero-Child-5{border-radius:var(--radiusCard);box-sizing:border-box;background-color:brown;grid-area:box5;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:min(5rem,8%)}@media (width<=1300px){.Hero{grid-template-areas:"box1 box2""box1 box3""box4 box5"}}@media (width<=1000px){.Hero{grid-template-areas:"box2""box2""box1""box5""box5""box3""box4"}}.GitCommit{padding:10px;cursor:default;box-sizing:border-box;background-color:#4697b8;gap:10px;margin:10px;padding-inline:20px;display:flex}.GitCommit:hover .GitCommit-Text-H3{color:#242424}.GitCommit-Img{object-fit:cover;border-radius:50px;width:50px;height:50px}.GitCommit-Text-H3{margin:0%}.GitCommit-Text-Info{gap:10px;display:flex}.GitCommit-Text-Info-Username,.GitCommit-Text-Info-Date{margin:5px}.About{flex-direction:column;gap:50px;display:flex}.About-Info{grid-template-areas:"box1 box2""box3 box4";margin-top:10px;display:grid}.About-Info-Child-1{box-sizing:border-box;background-color:#18cc12;flex-direction:column;grid-area:box1;gap:10px;padding:10px;display:flex}.About-Info-Child-2{box-sizing:border-box;background-color:#8a2be2;flex-direction:column;grid-area:box2;gap:10px;padding:10px;display:flex}.About-Info-Child-3{box-sizing:border-box;background-color:#0ff;flex-direction:column;grid-area:box3;gap:10px;padding:10px;display:flex}.About-Info-Child-4{box-sizing:border-box;background-color:bisque;flex-direction:column;grid-area:box4;gap:10px;padding:10px;display:flex}.PrimaryButton{appearance:none;box-sizing:border-box;color:#fff;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;touch-action:manipulation;will-change:transform;background-color:#5900ff;border:2px solid #0c61ff;outline:none;min-width:0;min-height:60px;margin:0;padding:16px 24px;font-family:Roobert,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;font-weight:600;line-height:normal;text-decoration:none;transition:all .3s cubic-bezier(.23,1,.32,1);display:inline-block}.PrimaryButton:hover{transform:translateY(-2px);box-shadow:0 8px 15px #00000040}.PrimaryButton:active{box-shadow:none;transform:translateY(0)}.PrimaryButton:focus{outline-offset:2px;outline:2px solid #8a2be2;box-shadow:0 8px 15px #00000040}.SecondaryButton{appearance:none;box-sizing:border-box;color:#414141;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;touch-action:manipulation;will-change:transform;background-color:#fff;border:2px solid #e5eeff;outline:none;min-width:0;min-height:60px;margin:0;padding:16px 24px;font-family:Roobert,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;font-weight:600;line-height:normal;text-decoration:none;transition:all .3s cubic-bezier(.23,1,.32,1);display:inline-block}.SecondaryButton:hover{transform:translateY(-2px);box-shadow:0 8px 15px #00000040}.SecondaryButton:active{box-shadow:none;transform:translateY(0)}.SecondaryButton:focus{outline-offset:2px;outline:2px solid #8a2be2;box-shadow:0 8px 15px #00000040}