@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";@view-transition{navigation:auto}:root{--yellow: rgb(255, 205, 0);--yellow-background: rgba(255, 205, 0, .05);--green: rgb(0, 132, 61);--green-background: rgba(0, 132, 61, .05);--logo-font-size: 2rem;--logo-font-weight: 400}html:not([data-theme]){color-scheme:dark light;background:#f5f5f5;color:#000}img{max-width:100%;height:auto;display:block}:where(a){text-decoration:none}:where(figure){margin-inline:0}:where(html){& a{color:var(--a-href-color)}.logo a:hover,a:hover{color:var(--hover)}.card{border:var(--border-card)}.theme-btn:hover{color:var(--active-color)}}:where(video){width:100%;height:auto;max-width:60rem;display:block}.background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;filter:blur(20px)}:where(html[data-theme=light]){--border-card: 1px solid rgb(230, 230, 230);--active-color: var(--green);color-scheme:light;color:#000;--hover-background: var(--green-background);--active: var(--green);--hover: var(--green);--a-href-color: black;--color-time-light: rgb(90, 90, 90)}:where(html[data-theme=dark]){--active-color: var(--yellow);color-scheme:dark;color:#fff;--hover-background: var(--yellow-background);--active: var(--yellow);--hover: var(--yellow);--border-card: 1px solid rgb(78, 78, 78);--a-href-color: white;--color-time-light: rgb(250, 250, 250)}body{font-family:DM Sans,sans-serif;padding:0;width:80vw;margin:0 auto}nav ul{display:flex;gap:1rem;padding:1rem 0;align-items:center}nav ul li:first-child{margin-right:auto}.logo a{font-size:var(--logo-font-size);font-weight:var(--logo-font-weight)}body *{box-sizing:border-box}.active{font-weight:700;color:var(--active, black)}main:has(.card){display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.card{padding:.75rem;border-radius:.5rem;& img{width:100%;height:auto}& h2{font-size:1.5rem;font-weight:400}&:hover{background:var(--hover-background)}img{border-radius:.375rem}.tags{font-size:.875rem;margin-block:.25em;padding-block:.25em;& li:not(:first-child){margin-inline-start:1rem}li:hover{cursor:pointer;color:var(--hover)}}}ul{list-style:none;padding:0}.flex-row{display:flex}time{font-size:.75rem;margin-top:.5rem;color:var(--color-time-light)}.section{& img{width:100%;height:auto}}.theme-btn{background:none;border:none;width:1.5rem;height:1.5rem;cursor:pointer;font-size:1.25rem}footer{margin-block:2rem;& ul{display:flex;gap:1rem;padding:1rem 0;justify-content:flex-start;font-size:.75rem}}:where([data-astro-image]){object-fit:var(--fit);object-position:var(--pos)}:where([data-astro-image=full-width]){width:100%}:where([data-astro-image=constrained]){max-width:100%}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:2rem;--image-border-radius: .375rem}img{width:100%;object-fit:cover}.aspect-ratio-3-2 img{aspect-ratio:3/ 2}.gallery-item{width:100%;height:auto;cursor:pointer;border-radius:var(--image-border-radius);transition:transform .2s ease}.gallery-item:hover{transform:scale(1.03)}.lightbox{position:fixed;inset:0;background:#000000d9;display:flex;justify-content:center;align-items:center;padding:2rem;z-index:9999}.lightbox.hidden{display:none}.lightbox img{max-width:94%;max-height:94%;border-radius:.25rem}.close{position:absolute;top:20px;right:30px;font-size:40px;color:#fff;cursor:pointer}.arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:48px;color:#fff;cursor:pointer;user-select:none;padding:0 20px}.arrow.prev{left:10px}.arrow.next{right:10px}:where(.cv){list-style:none;display:grid;grid-template-columns:1fr 3fr;gap:1rem 3rem;& p,h2{color:#ababab;font-weight:600;text-align:right;font-size:1rem}}.skills>*{color:revert;text-align:revert;font-weight:revert}@media(width<576px){:where(.cv){grid-template-columns:auto;gap:0;padding-inline:1rem;& p,h2{text-align:revert;margin-block:1em .5em}ul{text-align:revert;margin-block:.5em 1.5em}}}@media(width<576px){:where(main) .video-card>:not(video),:where(main)>h1,:where(main)>h2,:where(main)>h3{padding-inline:3vw}:root{--logo-font-size: 1.357rem;--logo-font-weight: 500}.lightbox{padding:.25rem}.gallery{--image-border-radius: revert}.gallery-item:hover{transform:revert}main:has(.card){gap:0}body{width:100vw}footer,nav{padding-inline:3vw}:where(.card a img){width:100vw;padding:0}.card{padding-block:0 2rem;padding-inline:0;border:none;display:flex;flex-direction:column;border-radius:0;& a img{border-radius:0}>:not(a:first-child){padding-inline:3vw}}}