@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Patrick+Hand&display=swap";:root{--paper-color: #f4f4f4;--ink-color: #2c2c2c;--grid-line-color: #e0e0e0;--highlighter-yellow: #fce303;--marker-blue: #03a9f4;--marker-red: #ff5252;--font-hand: "Patrick Hand", cursive;--font-body: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--paper-color);color:var(--ink-color);font-family:var(--font-body);background-image:linear-gradient(var(--grid-line-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line-color) 1px,transparent 1px);background-size:25px 25px;background-position:center top;min-height:100vh}#root{max-width:100%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--paper-color)}::-webkit-scrollbar-thumb{background:var(--ink-color);border-radius:5px;border:2px solid var(--paper-color)}.hand-font{font-family:var(--font-hand)}.portfolio-container{padding:2rem;max-width:1100px;margin:0 auto}.bento-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:2.5rem;position:relative}@media(max-width:768px){.bento-grid{grid-template-columns:1fr}}.card{background:#fff;padding:1.5rem;border:2px solid var(--ink-color);box-shadow:5px 5px 0 var(--ink-color);border-radius:4px;margin-bottom:2rem;position:relative;transition:transform .2s,box-shadow .2s}.card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--ink-color)}.header-section{grid-column:1 / -1;text-align:center;margin-bottom:1rem;position:relative}.header-title{font-family:var(--font-hand);font-size:4rem;transform:rotate(-2deg);margin-bottom:.5rem;line-height:1.1}.tape{position:absolute;top:-15px;left:50%;transform:translate(-50%) rotate(1deg);width:120px;height:35px;background-color:#fff9;border-left:1px dashed rgba(0,0,0,.1);border-right:1px dashed rgba(0,0,0,.1);box-shadow:0 1px 3px #0000001a;z-index:10;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}