@font-face{font-family:"Persona 5";src:url(/portfolio/assets/Persona5main-gPcpADj8.ttf) format("truetype");font-weight:400;font-style:normal}:root{--p5-red: #E60012;--p5-black: #0F0F0F;--p5-white: #F4F4F4;--p5-gray: #2A2A2A;--p5-text: #E5E5E5;--bg-color: #0F0F0F;--font-p5: "Persona 5", sans-serif;--font-body: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--p5-text);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;background-image:radial-gradient(var(--p5-gray) 1px,transparent 1px);background-size:20px 20px}h1,h2,h3,h4,h5,h6{font-family:var(--font-p5);font-weight:400;letter-spacing:.05em;text-transform:uppercase}.p5-skew{transform:skew(-10deg)}.p5-unskew{transform:skew(10deg)}.p5-bg-red{background-color:var(--p5-red);color:var(--p5-white)}.p5-bg-white{background-color:var(--p5-white);color:var(--p5-black)}.p5-border-thick{border:4px solid var(--p5-white)}.p5-border-red{border:4px solid var(--p5-red)}.p5-heading{font-size:3rem;color:var(--p5-red);text-shadow:2px 2px 0 var(--p5-white),4px 4px 0 var(--p5-black);margin-bottom:1.5rem;position:relative;display:inline-block;padding:.5rem 1rem;background-color:var(--p5-black);border:2px solid var(--p5-white);transform:rotate(-2deg)}.p5-subheading{font-size:1.5rem;color:var(--p5-white);background-color:var(--p5-red);padding:.25rem 1rem;display:inline-block;transform:skew(-10deg)}.p5-subheading>span{display:inline-block;transform:skew(10deg)}.app-container{display:flex;flex-direction:column;min-height:100vh}.section-container{padding:6rem 2rem;max-width:1200px;margin:0 auto;width:100%}a{color:var(--p5-red);text-decoration:none;transition:color .2s}a:hover{color:var(--p5-white)}ul{list-style-position:inside}@media(max-width:768px){.p5-heading{font-size:2rem}}