html{font-size:10px}html,body,#root{height:100%;margin:0}*{margin:0}#root{animation:fadeInFromNone .5s ease-out;font-family:Akrobat Regular}@keyframes fadeInFromNone{0%{top:3rem;opacity:60%;filter:blur(15px)}to{opacity:100%;top:0rem;filter:blur(0)}}svg{-webkit-user-select:none;user-select:none}html{-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll}html::-webkit-scrollbar{display:none}.center{min-height:100vh;display:flex;justify-content:center;align-items:center}.grid-container>*{min-width:0}#root{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}*{position:relative}.blop{position:absolute;top:-2rem;left:2rem;border-radius:100%;width:5rem;height:5rem;filter:blur(60px);background-color:red}.projects-container-two,[class$=-container]:not(.grid-container){border:3px solid rgba(224,224,224,.3);border-radius:10px;background-color:#ececec4d}.grid-container>[class$=-container]:hover,.link:hover,.project:hover,.slider>svg:hover,.projects-container-two:hover{transform:scale(1.01)}.pr-link:hover{transform:scale(1.02)}.slider>svg:hover{transform:scale(1.1)}.grid-container>[class$=-container],.link,.project,.slider>svg,.projects-container-two,.pr-link{transition:transform .1s ease}.grid-container{font-size:2.3rem;margin:1.4rem auto;max-width:100rem;display:grid;gap:1rem;grid-template-areas:"about-me about-me about-me skills skills" "about-me about-me about-me skills skills" "about-me about-me about-me skills skills" "about-me about-me about-me skills skills" "projects projects projects skills skills" "projects projects projects links links" "footer footer footer footer footer";grid-template-columns:repeat(5,1fr)}.headerText{font-size:2rem;font-family:JetBrainsMono Light;width:100%;border-bottom:2px solid black;padding-bottom:.2rem}a{text-decoration:none;color:#000}.about-me-container{grid-area:about-me}.skills-container{grid-area:skills}.projects-container{grid-area:projects}.links-container{grid-area:links}.spotify-container{grid-area:spotify}.footer-container{grid-area:footer}.projects-container-two{display:none;grid-area:projects2}@media(max-width:1080px){.grid-container{font-size:2.3rem;width:90vw;display:grid;gap:1rem;grid-template-areas:"about-me" "links" "skills" "projects2" "footer";grid-template-columns:1fr}.projects-container{display:none}.link{width:30%}.projects-container-two{display:flex;flex-direction:column;gap:1.3rem;padding:1.2rem}}@font-face{font-family:Akrobat Regular;font-style:normal;font-weight:400;src:local("Akrobat Regular"),url(/assets/Akrobat-Regular-BPX_0wMs.woff) format("woff")}@font-face{font-family:Akrobat Light;font-style:normal;font-weight:400;src:local("Akrobat Light"),url(/assets/Akrobat-Light-C0KSvc-m.woff) format("woff")}@font-face{font-family:Akrobat ExtraLight;font-style:normal;font-weight:400;src:local("Akrobat ExtraLight"),url(/assets/Akrobat-ExtraLight-DVXPGORo.woff) format("woff")}@font-face{font-family:Akrobat SemiBold;font-style:normal;font-weight:400;src:local("Akrobat SemiBold"),url(/assets/Akrobat-SemiBold-vTgG3N1y.woff) format("woff")}@font-face{font-family:Akrobat Bold;font-style:normal;font-weight:400;src:local("Akrobat Bold"),url(/assets/Akrobat-Bold-BcuCO1c2.woff) format("woff")}@font-face{font-family:Akrobat ExtraBold Regular;font-style:normal;font-weight:400;src:local("Akrobat ExtraBold Regular"),url(/assets/akrobat-extrabold-webfont-BsYox0H_.woff) format("woff")}@font-face{font-family:Akrobat Black;font-style:normal;font-weight:400;src:local("Akrobat Black"),url(/assets/Akrobat-Black-CBokAmoH.woff) format("woff")}@font-face{font-family:JetBrainsMono Regular;font-style:normal;font-weight:400;src:local("JetBrainsMono-Regular.woff2"),url(/assets/JetBrainsMono-Bold-D4WEaHbo.woff2) format("woff")}@font-face{font-family:JetBrainsMono Light;font-style:normal;font-weight:400;src:local("JetBrainsMono-Light.woff2"),url(/assets/JetBrainsMono-Light-Bgq2Dg64.woff2) format("woff")}.about-me-container{padding:1.2rem}.pfp{width:13rem;height:13rem;border:2px solid black;border-radius:100%}.header{display:flex;margin:1rem 0}.header-info{display:flex;flex-direction:column;justify-content:space-around;padding-left:2rem}.name{font-size:4rem}.date,.weather{font-size:2.3rem}@media(max-width:437px){.about-me-container{padding:1.2rem}.header-info{display:flex;flex-direction:column;justify-content:space-around;width:100%;padding-left:0}.pfp{width:10rem;height:10rem}.header{flex-direction:column}}.skills-container{display:flex;flex-direction:column;gap:1.5rem;padding:1.2rem}.skills-category{font-size:3rem}.skills-list{display:flex;justify-content:space-between;flex-wrap:wrap}.logo-and-name{margin-top:.8rem;font-size:2.1rem;text-align:center}@media(max-width:1080px){.skills-list{justify-content:left;gap:1rem}}@media(max-width:437px){.logo-and-name>svg{width:4rem;height:4rem}.skill-name{font-size:1.8rem}}.projects-container{padding:1.2rem}.project{margin-top:1rem;border:3px solid gainsboro;border-radius:1rem;padding:.6rem}.project-description{margin:.1rem 0 .6rem}.idkreally{display:flex;align-items:center}.project-name{font-size:3.5rem}.slider{display:flex;justify-content:center;align-items:center;margin-top:1rem}.tag{display:flex;align-items:center;gap:.1rem;border:1px solid black;border-radius:10%;padding:.2rem}.tags{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:1.6rem;margin:.1rem 0;padding:.4rem 0}@media(max-width:437px){.tags{font-size:1.5rem}.icon{display:block}.link-name{font-size:1.2rem}}.pr-links{display:flex;justify-content:center;align-items:center;gap:.6rem;margin-top:1.1rem}.pr-link{padding:.8rem;border:1px solid black;border-radius:5px;justify-content:center;width:fit-content;font-size:1.8rem}.pr-link,.pr-link-a{display:flex;align-items:center}.pr-link-a{gap:.4rem;justify-content:space-between}@media(max-width:437px){.pr-link{font-size:1.4rem}.pr-link>svg{width:4rem;height:4rem}}.links-container{padding:1.2rem;font-size:2.3rem}.links{display:flex;justify-content:center;align-items:center;gap:.6rem;margin-top:1.1rem}.link{padding:.8rem;border:1px solid black;border-radius:5px;width:30%;justify-content:center}.link,.link-a{display:flex;align-items:center}.link-a{gap:.4rem;justify-content:space-between}@media(max-width:437px){.links-container{font-size:1.4rem}.logo-and-name>svg{width:4rem;height:4rem}.icon{width:1.7rem;height:1.7rem}}.footer-container{padding:0 1.2rem;display:flex;justify-content:space-between;align-items:center}.footer-thing{font-size:1.6rem;opacity:50%}@media(max-width:437px){.footer-container{font-size:1.4rem;padding:0 .7rem}.footer-thing{font-size:.9rem;opacity:50%}}