@import"https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#4d4b4bde;background-color:#383636;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background-color:#e0dede}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#595656;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{margin:0;font-family:Inconsolata,monospace;background-color:#f4f4f9;color:#333;width:95vw}h1,h2,h3,h4,h5,h6{margin:0;padding:0;color:#f4f4f9}.container{max-width:1200px;margin:0 auto;padding:20px}button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}button:hover{background-color:#175fac}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;display:flex;align-items:center;gap:32px;padding:18px 36px;background:linear-gradient(180deg,#2f6a2f,#143b14);color:#f5e6c8;box-shadow:inset 0 -1px #ffffff14,0 6px 18px #00000059}.navbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(227,155,79,.6),transparent)}.navbar a{position:relative;text-decoration:none;font-size:1.15rem;font-weight:600;letter-spacing:.04em;color:#f0d9a6;font-family:Crimson Text,serif;padding:6px 2px;transition:color .2s ease}.navbar a:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:linear-gradient(to right,transparent,#e39b4f,transparent);opacity:0;transform:scaleX(.4);transition:opacity .2s,transform .2s}.navbar a:hover{color:#ffd08a}.navbar a:hover:after{opacity:1;transform:scaleX(1)}.navbar a.active{color:#ffd08a}.navbar a.active:after{opacity:1;transform:scaleX(1)}.Hero{position:relative;width:100vw;height:80vh;background-color:#000!important;overflow:hidden}.star{position:absolute;width:3px;height:3px;background-color:#fff;border-radius:50%;animation:twinkle 2s infinite}h1{position:absolute;top:50%;right:5%;transform:translateY(-50%);color:#fff;text-align:right;font-family:Inconsolata,monospace;font-size:3rem}@font-face{font-family:Sex Pistols;src:url(/assets/fonts/SexPistols.ttf) format("truetype");font-weight:400;font-style:normal}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.5}}.thins{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:40px;padding:64px 32px;color:#2b1a0f;background-image:url(https://www.frenchpaper.com/cdn/shop/products/PARCHTONE_Adged_80C_01_5838e83b-670f-474a-9450-21257e470d6e.jpg?v=1624540730&width=1214);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.thins:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff5e1d9;pointer-events:none}.thins>*{position:relative;z-index:1}.profile{width:180px;height:180px;border-radius:50%;object-fit:cover;border:4px solid #b87333;background:#e6d3a3;box-shadow:inset 0 0 12px #00000040,0 10px 28px #00000059}.text{max-width:420px;min-width:0;padding:36px 32px;display:flex;flex-direction:column;gap:18px;font-family:Crimson Text,serif;font-size:1.15rem;line-height:1.55;background:linear-gradient(180deg,#fff5dcf2,#f0e1bef2);border-radius:16px;border:1px solid rgba(120,70,30,.35);box-shadow:inset 0 0 18px #78461e2e,0 14px 40px #00000040}.text h2,.text h3{margin:0 0 6px;color:#7a3e12;letter-spacing:.04em}.text ul{padding-left:20px}.text li{margin-bottom:6px}@media (max-width: 700px){.thins{flex-direction:column;gap:22px;padding:40px 6vw}.profile{width:120px;height:120px}.text{padding:20px 18px;max-width:95vw;text-align:center;align-items:center}.text ul{padding-left:0;text-align:left;display:inline-block}.text p{font-size:1.05rem}}html,body{margin:0;padding:0;overflow-x:hidden;background-color:#0e0b08}.open-blog-menu{position:fixed;top:24px;left:24px;z-index:1200;padding:12px 22px;background:linear-gradient(180deg,#9a7a4a,#6e5331);color:#1a120a;font-weight:600;letter-spacing:.04em;border:1px solid rgba(255,220,160,.45);border-radius:999px;cursor:pointer;box-shadow:inset 0 0 8px #ffffff40,0 6px 18px #00000073;transition:transform .15s ease,box-shadow .15s ease}.open-blog-menu:hover{transform:translateY(-2px);box-shadow:inset 0 0 10px #ffffff59,0 10px 28px #0000008c}.blog-slide-menu{position:relative;overflow:hidden;background-image:url(/castle.png);background-repeat:repeat;background-position:top left;background-size:320px auto;width:95%;max-width:100%;margin:0;padding:56px 28px 40px 72px;min-height:360px;border-radius:0;box-shadow:inset 0 0 28px #00000073,0 12px 40px #0000008c;display:flow-root}.blog-slide-menu:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:#ebd7af52}.blog-slide-menu:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(circle at top,#ffdcaa2e,#0000008c 70%)}.blog-slide-menu>*{position:relative;z-index:1}.blog-slide-menu h2{margin:0 0 28px;font-size:2.2rem;font-weight:700;letter-spacing:.05em;color:#f7dfb0;text-shadow:0 3px 10px rgba(0,0,0,.65),0 0 18px rgba(247,223,176,.35)}.blog-slide-menu ul{display:flex;flex-direction:row;gap:22px;list-style:none;padding:0;margin:0;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth}.blog-slide-menu ul::-webkit-scrollbar{height:8px}.blog-slide-menu ul::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#9a7a4a,#6e5331);border-radius:4px}.blog-post{min-width:260px;max-width:300px;flex:0 0 auto;margin:14px 0;padding:24px 22px 20px;background:linear-gradient(180deg,#1e120aeb,#0c0704eb);color:#f5e6c8;border-radius:16px;border:1px solid rgba(242,212,156,.28);box-shadow:inset 0 0 14px #0009,0 10px 32px #0000008c;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.blog-post:hover{transform:translateY(-6px) scale(1.03);box-shadow:inset 0 0 18px #000000b3,0 16px 44px #000000b3}.blog-post h2,.blog-post h3,.blog-post .title{margin:0 0 8px;color:#ffe4b8}.blog-post p,.blog-post .description,.blog-post span,.blog-post li{color:#f0e2c8;line-height:1.45}.blog-post a{color:#ce7eff;text-decoration:underline}.close-blog-menu{position:absolute;top:18px;right:18px;background:none;border:none;color:#ffe4b8;font-size:2.2rem;cursor:pointer;text-shadow:0 2px 6px rgba(0,0,0,.6)}.contact-me{position:relative;overflow:hidden;background-image:url(https://media1.tenor.com/m/TwVp807OEX4AAAAd/gears-moving.gif);background-repeat:repeat;background-size:auto;background-color:#140a05d1;background-blend-mode:multiply;padding:64px 24px 56px;width:100%;margin:0;text-align:center;color:#f5e6c8}.contact-me:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at top,#ffc87826,#000000d9 70%)}.contact-me h2{position:relative;margin:0 0 32px;font-size:2.4rem;font-weight:700;color:#e39b4f;letter-spacing:.04em;text-shadow:0 2px 6px rgba(0,0,0,.6),0 0 18px rgba(227,155,79,.25)}.contact-row{position:relative;display:flex;justify-content:center;align-items:flex-start;gap:48px;max-width:960px;margin:0 auto;flex-wrap:wrap}.contact-links{display:flex;justify-content:center;align-items:center;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffd08a,#8a4a12 65%);box-shadow:inset 0 0 12px #0009,0 0 30px #e39b4f40}.contact-links img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.contact-mail{position:relative;display:flex;flex-direction:column;gap:14px;width:100%;max-width:380px;padding:28px 26px;background:linear-gradient(180deg,#32190ae6,#140a05e6);border-radius:18px;border:1px solid rgba(227,155,79,.35);box-shadow:inset 0 0 18px #0009,0 12px 40px #0009}.contact-mail h3{margin:0 0 6px;font-size:1.3rem;color:#e39b4f;letter-spacing:.04em}.contact-mail input,.contact-mail textarea{width:100%;padding:12px 14px;border-radius:8px;border:1px solid rgba(227,155,79,.4);background:linear-gradient(180deg,#d98c3b,#b8671f);color:#1a0d05;font-size:1rem;box-shadow:inset 0 2px 6px #0006,0 2px 8px #00000040;outline:none;transition:border .2s,box-shadow .2s}.contact-mail textarea{resize:vertical;line-height:1.4}.contact-mail input:focus,.contact-mail textarea:focus{border-color:#ffd08a;box-shadow:inset 0 2px 6px #0006,0 0 12px #ffd08a99}.contact-mail button{margin-top:8px;padding:12px 32px;background:linear-gradient(180deg,#ffd08a,#e39b4f);color:#1a0d05;font-size:1.1rem;font-weight:700;letter-spacing:.05em;border:none;border-radius:999px;cursor:pointer;box-shadow:inset 0 0 8px #fff6,0 6px 20px #e39b4f73;transition:transform .15s ease,box-shadow .15s ease,background .2s ease}.contact-mail button:hover{transform:translateY(-2px) scale(1.04);box-shadow:inset 0 0 10px #fff9,0 10px 30px #e39b4f99}@media (max-width: 700px){.contact-row{flex-direction:column;align-items:center}.contact-me h2{font-size:1.7rem}}