body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background-color:#282c34;--background-color--lighter:#353535e5;--highlight-color--red:#f84753;--highlight-color--blue:#4da5f1;font-family:montserrat,sans-serif;font-size:2.5rem;margin:0}html{scroll-behavior:smooth}.Hero{align-items:center;background-color:var(--background-color);display:grid;height:100vh;position:relative;width:100%}.Hero__Canvas{height:100%;position:absolute;width:100%}.Profile{color:#f0f8ff;font-size:4rem;text-align:center;z-index:999}.Profile__button{border:2px solid;border-color:var(--highlight-color--red);border-radius:2px;color:#f0f8ff;font-size:3rem;margin-left:auto;margin-right:auto;max-width:-webkit-fit-content;max-width:fit-content;padding:.5rem 2rem;text-decoration:none}.Projects{min-height:100vh}.Navbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:var(--background-color--lighter);border-bottom:1px solid #000;box-shadow:0 4px 4px #0000004d;display:flex;justify-content:flex-end;padding-right:5rem;position:-webkit-sticky;position:sticky;top:0}.selected{color:var(--highlight-color--red)}.unselected{color:wheat}.Navbar__Item{font-size:clamp(1rem,2.5vw,2rem);margin:.75rem;text-decoration:none}.Navbar__Item:hover{cursor:pointer}.About{align-items:start;color:#fff;display:grid;grid-template-columns:50% 50%;grid-template-rows:15rem auto;margin-left:auto;margin-right:auto;max-width:100rem;min-height:100vh}.About__Header{grid-column:span 2;margin-top:5rem;text-align:center}.About__Title{font-size:clamp(1rem,2.5vw,2rem)}.About__Body,.About__Title{align-self:start;text-align:center}.About__Body{font-size:clamp(.5rem,2.5vw,1.5rem)}.About__Skills{grid-row-gap:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(1rem,100%),max(10rem,33%)));row-gap:2rem}.SkillTile{background-clip:content-box,border-box;background-image:linear-gradient(var(--background-color),var(--background-color)),radial-gradient(circle at top left,var(--highlight-color--blue),var(--highlight-color--red));background-origin:border-box;border:3px double #0000;border-radius:10px;display:grid;justify-content:center;margin:.2rem;max-width:10rem}.SkillTile__image{justify-self:center;margin-bottom:.2rem;margin-top:.5rem;max-width:4rem}.SkillTile__Description{color:#fff;font-size:1rem;font-weight:550;justify-self:center;letter-spacing:1px;margin-bottom:.4rem}.Main{background-color:var(--background-color)}
/*# sourceMappingURL=main.c34ee709.css.map*/