@font-face{font-family:DBNeoHead;src:url(../../fonts/DBNeoScreenHead-Black-woff2-data.woff2)}@font-face{font-family:DBNeoSans;src:url(../../fonts/DBNeoScreenSans-Regular-woff2-data.woff2)}:root{--borders: #dddddd;--bg-color: #ffffff;--text: #5a5a5a;--text-accent: #5f5f5f;--accent: #f55faa;--boxfill: #ffffff;--summary: #ffffff;--selection: #f8c5df}:root.dark{--borders: #333333;--bg-color: #181818;--text: #aaaaaa;--text-accent: #808080;--accent: #ffb6db;--boxfill: #1f1f1f;--summary: #1c1c1c;--selection: #804864ab}::selection{background-color:var(--selection)}body{background-color:var(--bg-color);font-family:DBNeoSans;margin:auto;padding:0;max-width:50rem}nav{display:flex;justify-content:space-between;align-items:center;padding:2rem 0}nav a{transition:ease-out .2s}nav a:hover{background-color:var(--boxfill);transition:ease-in .2s}.splash{display:flex;align-items:center;justify-content:space-between;gap:2rem}.subsplash{margin-top:7px}.splash-content{flex:1}.splash-image img{max-width:90px;border-radius:15px}.splash-header{font-family:DBNeoSans;font-size:1rem;line-height:1;margin:0;padding:0;color:var(--text)}.splash-header h2{font-size:2rem;margin:0;padding:0}.splash-subheader{color:var(--text-accent);margin-top:-.5rem}#typing{color:var(--accent);border-right:2px solid var(--accent);padding-right:4px;white-space:nowrap;overflow:hidden;animation:blink .7s step-end infinite}@keyframes blink{50%{border-color:transparent}}.section-seperation{border:none;height:1px;background-color:var(--borders);margin:2rem 0}.section-header{font-family:DBNeoSans;font-size:.95rem;margin:0;padding:0;color:var(--text)}.section-subheader{font-family:DBNeoSans;font-size:.9rem;margin-top:-1rem;padding:0;color:var(--text-accent)}.section-subheader a{color:var(--accent);text-decoration:none;transition:ease .2s}.section-subheader a:hover{color:var(--selection);transition:ease .2s}.summary-box{color:var(--text);font-size:1.1rem;line-height:1.5;background-color:var(--summary);padding:10px 15px;border-radius:12px;border-style:solid;border-width:1px;border-color:color-mix(in srgb,var(--accent),black 30%);margin:0;box-shadow:4px 0 5px #0000004d}.cluster{display:flex;flex-wrap:wrap;gap:1rem}.projectcard{flex:1 1 calc(50% - 1rem);box-sizing:border-box;background-color:var(--boxfill);border:1px solid var(--borders);border-radius:10px;box-shadow:2px 2px 6px #00000040;padding:0 10px;text-decoration:none;transition:ease .2s,transform .2s,box-shadow .2s}.projectcard:hover{transform:translateY(-2px);box-shadow:4px 4px 12px #00000059;background-color:color-mix(in srgb,var(--borders),black 30%)}.gamecard{flex:1 1 calc(33% - 1rem);box-sizing:border-box;background-color:var(--boxfill);border:1px solid var(--borders);border-radius:10px;box-shadow:2px 2px 6px #00000040;padding:0 10px;text-decoration:none;transition:ease .2s,transform .2s,box-shadow .2s}.gamecard:hover{transform:translateY(-2px);box-shadow:4px 4px 12px #00000059;background-color:color-mix(in srgb,var(--borders),black 30%)}.projecttitle{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--text)}.titlecontent{display:flex;align-items:center;gap:.5rem;font-family:DBNeoSans}.titlecontent img{width:20px;border-radius:5px}.carddescription{color:var(--text-accent);font-size:.9rem;margin-top:-.5rem}.friendbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;background-color:var(--boxfill);padding:10px;border-radius:10px;border:1px solid var(--borders)}.friendpic{flex:0 0 52px;width:52px;height:52px;border-radius:8px;overflow:hidden;position:relative;outline:1px solid color-mix(in srgb,var(--borders),white 6%)}.friendpic img{display:block;width:100%;height:100%;object-fit:cover}.friendpic:hover{outline-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent),transparent 70%);transform:translateY(-1px);transition:box-shadow .12s ease,transform .12s ease,outline-color .12s ease}.about-me{line-height:1.5;font-size:1.1rem;color:var(--text)}.wip{background-color:#1b1e24;padding:20px;border-radius:10px;border-style:solid;border-width:1px;border-color:#2c3d58}.contactcard{display:flex;justify-content:space-between;align-items:center}footer{color:var(--text-accent);text-align:center;padding:10px}@media (max-width: 840px){.projectcard,.gamecard{flex-basis:100%}body{max-width:90%}}#themeToggle[data-astro-cid-oemx5le4]{border:0;background:none}#themeToggle[data-astro-cid-oemx5le4]:hover{cursor:pointer}.sun[data-astro-cid-oemx5le4]{fill:#000}.moon[data-astro-cid-oemx5le4],.dark .sun[data-astro-cid-oemx5le4]{fill:transparent}.dark .moon[data-astro-cid-oemx5le4]{fill:#c2c2c2}
