:root{--color-primary: #0ea5e9;--color-primary-hover: #38bdf8;--color-accent: #f472b6;--color-background: #050505;--color-surface: #18181b;--color-surface-hover: #1d1d20;--color-border: rgba(255, 255, 255, .1);--color-text: #ffffff;--color-text-secondary: #9ca3af;--color-text-muted: #71717a;--font-display: "Clash Display", sans-serif;--font-body: "Noto Sans", sans-serif;--font-fallback: "wotfardregular", sans-serif;--space-xs: .4rem;--space-sm: .8rem;--space-md: 1.2rem;--space-lg: 2.2rem;--space-xl: 3.2rem;--space-2xl: 6.4rem;--radius-sm: .375rem;--radius-md: 1rem;--radius-lg: 2rem;--radius-xl: 3rem;--radius-full: 50px;--shadow-sm: 0 2px 4px rgba(0,0,0,.1);--shadow-md: 0 4px 20px rgba(0,0,0,.2);--shadow-lg: 0 10px 20px rgba(0,0,0,.2);--shadow-glow: 0 0 15px var(--color-primary);--primary-side-animation-color: var(--color-primary);--primary-color: var(--color-primary);--border-color: var(--color-border);--card-bg: var(--color-surface);--text-secondary: var(--color-text-secondary);--button-bg: #ff8787;--button-hover: #ff6b6b;--button-text: #1b1d1f;--input-padding: var(--space-padding-input, 10px)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9997;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stagger-1{animation:fadeSlideUp .6s ease-out .1s both}.stagger-2{animation:fadeSlideUp .6s ease-out .2s both}.stagger-3{animation:fadeSlideUp .6s ease-out .3s both}.stagger-4{animation:fadeSlideUp .6s ease-out .4s both}.stagger-5{animation:fadeSlideUp .6s ease-out .5s both}.stagger-6{animation:fadeSlideUp .6s ease-out .6s both}section{animation:fadeSlideUp .8s ease-out both}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin 1.5s linear infinite}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.floating-cursor-ring{position:fixed;top:0;left:0;width:40px;height:40px;margin-left:-20px;margin-top:-20px;border:2px solid rgba(255,255,255,.8);border-radius:50%;pointer-events:none;z-index:9998;transition:transform .15s ease-out,opacity .15s ease-out}.floating-cursor-dot{position:fixed;top:0;left:0;width:6px;height:6px;margin-left:-3px;margin-top:-3px;background-color:#fff;border-radius:50%;pointer-events:none;z-index:9999}@media (hover: none) and (pointer: coarse){.floating-cursor-ring,.floating-cursor-dot{display:none}}@media (hover: hover) and (pointer: fine){body,a,button,[role=button],.theme-color{cursor:none}}*{padding:0;margin:0;box-sizing:border-box;scroll-behavior:smooth}html{font-family:Switzer,sans-serif;width:100%;max-width:100%}body{overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{line-height:1.1;font-weight:800;transition:all .2s ease-in;letter-spacing:-.02em}h2{font-weight:600}p{line-height:1.6;margin-top:1rem;font-size:1.05rem}a{text-decoration:none}input{height:2.8rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:18px;padding:10px;background-color:var(--card-bg);color:var(--text-main)}textarea{border:1px solid var(--border-color);border-radius:.375rem;font-size:18px;padding:10px;background-color:var(--card-bg);color:var(--text-main)}button{background-color:var(--primary-color);border:0;border-radius:.375rem;font-weight:700;font-size:20px;color:var(--card-bg);transition:all .2s ease-in;cursor:pointer}.fade-in-section{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;will-change:opacity,visibility}.fade-in-section.is-visible{opacity:1;transform:none}.typing-cursor:after{content:"|";animation:blink 1s step-start infinite}@keyframes blink{50%{opacity:0}}.nav-menu.active-link{color:var(--primary-color)}.nav-menu{color:#e0e0e0;transition:color .3s ease;text-decoration:none!important}@media screen and (max-width: 768px){.theme-picker{position:relative!important;top:0!important;right:0!important;display:flex;justify-content:center;margin:.5rem auto .2rem;padding:0;width:100%;z-index:60}.navbar{top:.5rem;margin:0 auto 1rem;width:90%;max-width:100%;box-sizing:border-box;padding:.6rem 1rem;overflow-x:auto;white-space:nowrap;justify-content:flex-start}.navbar::-webkit-scrollbar{display:none}.navbar{-ms-overflow-style:none;scrollbar-width:none}.navbar-list{padding:0;margin:0;display:flex;gap:1.5rem}.nav-menu{margin-left:0;font-size:.9rem}.main-content{padding-top:0}.grid{grid-template-columns:1fr}.avatar{float:none;margin:2rem auto;width:200px}.intro h1{font-size:2.5rem;text-align:center}.intro p{text-align:center}}.nav-menu:hover{color:var(--primary-color)}.nav-menu.active-link:after{opacity:1;transform:translate3d(0,.2em,0);background-color:var(--primary-color)}button:hover{filter:brightness(1.1);color:var(--card-bg)}.theme-picker{position:absolute;top:3rem;right:3rem;z-index:60}@keyframes slideInUp{0%{transform:translate3d(0,120%,0);visibility:visible}to{transform:translateZ(0)}}.theme-colors{display:flex;float:right;list-style:none;padding-right:2em;color:#fff;animation:slideInUp 1s normal}.theme-color{margin-right:1.1em}.dot{height:1.6rem;width:1.6rem;border-radius:50%;display:inline-block;transition:all .2s ease}.dot:hover{transform:scale(1.25);box-shadow:0 0 102px 45px #bdc7c48c}.blue{background:#0062ff;background:linear-gradient(90deg,#0062ff,#61efff);background:-webkit-linear-gradient(90deg,hsla(217,100%,50%,1) 0%,hsla(186,100%,69%,1) 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr="#0061FF",endColorstr="#60EFFF",GradientType=1)}.pink{background:#ff0f7b;background:linear-gradient(90deg,#ff0f7b,#f8a5ba);background:-webkit-linear-gradient(90deg,hsla(333,100%,53%,1) 0%,hsla(345,85%,81%,1) 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff0f7b",endColorstr="#F8A7BB",GradientType=1)}.yellow{background:#ff930f;background:linear-gradient(90deg,#ff930f,#fffa5c);background:-webkit-linear-gradient(90deg,hsla(33,100%,53%,1) 0%,hsla(58,100%,68%,1) 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff930f",endColorstr="#fff95b",GradientType=1)}.dark{background:#0e1b25;background:linear-gradient(90deg,#0e1b25,#29393d);background:-webkit-linear-gradient(90deg,hsla(205,46%,10%,1) 0%,hsla(192,20%,20%,1) 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr="#0e1c26",endColorstr="#28383C",GradientType=1)}.light{background:#d5e0e2;background:linear-gradient(90deg,#d5e0e2,#fff);background:-webkit-linear-gradient(90deg,hsla(189,19%,86%,1) 0%,hsla(0,0%,100%,1) 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr="#D4E0E2",endColorstr="#FFFFFF",GradientType=1)}.max-width-60{max-width:60rem}.max-width-65{max-width:65rem}.text-center{text-align:center}.border-vertical{padding-left:5px;border-left:thick solid var(--primary-color)}.card{border-radius:2rem;padding:2.2rem;position:relative;background-color:var(--card-bg);border:1px solid rgb(255 255 255 / 5%);transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.doted-background{background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-position:50% 50%;background-size:1.1rem 1.1rem;border-radius:1.25rem}.side-animation{transition:transform .18s;position:relative}.side-animation:after{content:"";height:90px;width:2px;position:absolute;left:-1px;transition:top,opacity;transition-duration:.4s;transition-timing-function:ease;background:linear-gradient(transparent,var(--primary-side-animation-color),transparent);top:65%;opacity:0}.side-animation:hover:after{top:25%;opacity:1}.card-outline{justify-self:center;align-self:center;text-align:center;border-radius:2rem;border-width:1px;padding:2.2rem;transition:transform .3s}.input{width:80%;margin-top:2.2rem}.download{width:100%;height:3rem;margin-top:1.2rem}.underline{display:block;position:relative;padding:.2em 0}.underline:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.1em;opacity:0;transition:opacity .1s,transform .1s}.underline:hover:after,.underline:focus:after{opacity:1;transform:translate3d(0,.2em,0)}.avatar{border-radius:50%;position:relative;display:block;float:right;margin-top:-11rem;width:250px;transition:all .2s ease;box-shadow:0 0 18px 1px #bdc7c48c}.avatar:hover{transform:scale(1.1)}.cartoon-avatar{border-radius:50%;position:relative;display:block;float:right;margin-top:-11rem;width:250px;height:250px;-o-object-fit:cover;object-fit:cover;transition:all .2s ease;box-shadow:0 0 18px 1px #bdc7c48c}.follow{padding-top:1.8em;color:var(--primary-color);font-weight:700}.follow img{padding-right:1em}.btn-primary{display:flex;justify-content:center}.padding{margin-top:30rem}.grid-center{display:grid;justify-content:center;align-items:center}.space-evenly{display:flex;position:relative;justify-content:space-evenly}.box{display:flex;align-items:center}.navbar{position:sticky;top:1rem;z-index:50;margin:1rem auto;width:-moz-fit-content;width:fit-content;padding:.8rem 2rem;background:#121212a6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:50px;box-shadow:0 4px 20px #0003}.navbar-list{list-style:none;display:flex;justify-content:center}.nav-menu{margin-left:2.2rem;font-weight:700}.about{padding-top:5rem;margin:6.4rem .6rem 3.6rem 3.6rem}.projects{margin:6.4rem .6rem 3.6rem 3.6rem;padding:3.2rem}.projects h2{margin-bottom:2.2rem;text-align:center}.projects img{padding-bottom:1.2rem}.project{margin-top:2.2rem}.contact{margin:6.4rem 3.6rem 3.6rem}form{padding:2.2rem}#name,#email{width:100%}#message{margin-top:2.2rem;width:100%}#send{margin-top:2.2.rem;width:100%}.card-blog{border-radius:2rem;transition:transform .3s}.blog-posts{max-width:120rem}.post-list{margin-top:6.4rem;margin-left:1.4rem}.post{margin-top:2.2rem;padding:2.2rem}.post-link{font-size:1rem;font-weight:700;display:flex;align-items:center;margin-top:1em}.post:hover{max-width:120rem;border-radius:2rem}.post-date{margin-bottom:.4rem}.post-date:before{border:2px white;height:100%}.all-articles{padding:3.2rem;margin:1rem 3.6rem 0rem}.post-title{font-size:2.2rem}.blog-grid{max-width:150rem;display:grid;grid-template-columns:3fr 1.5fr;justify-content:center;gap:2.4rem;margin:2.2rem}.blog-post-avatar{transition:all .5s ease}.blog-post-avatar:hover{transform:scale(1.1)}article{margin:6.4rem 2.2rem 2.2rem;padding:2.2rem;width:90%;border-radius:2rem}article p{line-height:1.2rem;padding-top:10px;padding-bottom:10px}article pre{margin-top:35px;margin-bottom:35px}.badges{padding-top:10px;list-style:none}.badge{position:relative;display:inline-block;font-size:large;border-radius:5px;background-color:#2b4555;padding:6px 12px;margin-right:8px;margin-bottom:8px;font-weight:700}.badge:hover{transform:scale(1.1);transition:all .4s ease}article img{border-radius:.375rem;max-width:100%}article li{color:#ccccce;margin-left:35px;padding-top:10px}article ul{padding-top:35px;padding-bottom:10px}blockquote{padding-bottom:5px;border-radius:3px;font-style:italic}pre{color:#fff;overflow:scroll;display:block;text-align:left;background-color:#2b4555;border-radius:1rem;padding:15px;background-image:linear-gradient(140deg,#387fc2,#1c55aa);box-shadow:0 0 0 1px var(--frame-highlight-border),0 0 0 1.5px var(--frame-shadow-border),0 2.8px 2.2px #00000009,0 6.7px 5.3px #0000000c,0 12.5px 10px #0000000f,0 22.3px 17.9px #00000012,0 41.8px 33.4px #00000016,0 100px 80px #0000001f}article code{font-size:15px;word-break:normal;font-family:monospace;white-space:pre-wrap;-webkit-overflow-scrolling:touch;overflow-x:scroll;max-width:80rem;padding:0}.footer{max-width:120rem;margin:2.2rem 2.2rem 4.2rem;text-align:center;align-items:center}.footer-link{padding-left:2rem}@media (max-width: 1500px){.grid{gap:.5rem}.blog-grid{max-width:120rem;grid-template-columns:2fr 1fr;justify-content:space-around;gap:.05rem}article{max-width:80%}.card,.card-outline{padding:1.2rem}.post{padding:2.2rem 1.2rem;margin:1rem 3.6rem}.avatar{width:200px}}@media (max-width: 1275px){.navbar-list{justify-content:left}.avatar{width:150px}button{width:100%}}@media (max-width: 1000px){.footer{max-width:120rem;margin:1.2rem 1.2rem 2.2rem}.avatar{width:150px}.card{margin-bottom:.8rem}.grid{max-width:150rem;display:grid;grid-template-columns:1fr;gap:1rem}.about{margin:8rem 1.1rem 1.1rem;padding:.8rem}.projects{margin:.8rem;padding:.8rem}.navbar-list{justify-content:left}.blog-grid{max-width:150rem;display:grid;grid-template-columns:1fr;gap:1rem}article{max-width:100%;margin-top:2.2rem;margin:.1rem}.post{padding:1.4rem;margin-left:.5rem;margin-bottom:2.2rem}.cartoon-avatar{width:260px}.contact{margin:6.2rem 2.2rem 2.2rem}}@media (max-width: 740px){.navbar-list{justify-content:left}.theme-picker{display:flex;align-items:center}article{overflow:scroll;padding:1rem}.blog-grid{margin:1rem}.links{display:grid;gap:15px;text-align:center}}@media (max-width: 440px){.about{margin:8rem .1rem .1rem;padding:.7rem}.cartoon-avatar{margin-top:0rem;float:left}}.sales-container{max-width:100rem;display:grid;margin-left:2.2rem;margin-right:2.2rem}.sales-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:3.2rem;grid-row-gap:3.2rem;align-items:center;justify-items:center}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:1.2rem;grid-row-gap:1.2rem;margin:5.8rem;align-items:center;justify-items:center}.sales-section{margin-top:5.8rem}.book-cover{transition:all .5s ease-in-out}.book-cover:hover{transform:rotateY(-20deg)}.sales-description{font-size:1.2rem}.sales-cta-button{padding:1.2rem;margin-top:2.8rem;margin-bottom:1.8rem}.sales-preview{margin-top:5.8rem;height:800px}.sales-about-author{margin-top:5.8rem;margin-bottom:5.8rem}.preview-text{margin:1.8rem}.sales-card-title{box-shadow:#000}.material-symbols-outlined[data-astro-cid-y4licvga]{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}