html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{font-family:Nunito,sans-serif;font-optical-sizing:auto;line-height:1.5;font-weight:700;font-size:var(--sm);color-scheme:dark;color:#1a1a2e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:0;left:0;height:100vh;width:100vw;--black: #201127;--dark-purple: #201433;--dark-blue: #1b1e34;--gray: #355d68;--marroon: #a73169;--rose: #c24b6e;--brick: #d9626b;--teal: #6aaf9d;--orange: #ec9a6d;--sage: #94c5ac;--tan: #c8883c;--yellow: #ffeb99;--white: #ffffff;--text: var(--yellow);--text-2: var(--yellow);--text-3: var(--yellow);--bg-1: var(--dark-purple);--bg-1-tr: #20112750;--bg-2: var(--dark-blue);--bg-2-tr: #1b1e3450;--xxxs: 2px;--xxs: 4px;--xs: 8px;--sm: 16px;--md: 24px;--lg: 32px;--xl: 48px;--xxl: 64px;--fxs: 12px;--fsm: 14px;--fmd: 18px;--flg: 24px;--fxl: 32px;--fxxl: 48px;--bp-xs: 320px;--bp-sm: 375px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1200px;--bp-xxl: 1440px;--bp-ultra: 1920px}body{margin:0;position:absolute;top:0;left:0;height:100vh;width:100vw;color:var(--text);background-color:var(--bg-1)}h2{font-size:var(--fmd);margin:var(--sm) 0}#background{z-index:-1;position:fixed;top:0;left:0}@media (min-width: 768px){:root{font-size:var(--fmd)}h2{font-size:var(--flg);margin:var(--md) 0}}.container{max-width:80%;margin:var(--xl) auto;padding:var(--lg);border-radius:var(--xl);background-color:var(--bg-1-tr);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#bubbles-popped{display:inline;position:absolute;top:var(--sm);right:var(--sm);color:var(--text-3)}.header{display:grid;grid-template-areas:"a b b" "c c c";grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;place-items:center}.logo{width:100%;aspect-ratio:1;grid-area:a}.tagline{grid-area:b}.links{display:flex;justify-content:center;gap:var(--sm);width:100%;grid-area:c}@property --btn-1{syntax: "<color>"; initial-value: #ffeb99; inherits: false;}@property --btn-2{syntax: "<color>"; initial-value: #ffeb99; inherits: false;}.social-link{position:relative;border-radius:50%;width:var(--xl);aspect-ratio:1;display:flex;justify-content:center;align-items:center;background:linear-gradient(var(--btn-1),var(--btn-2))}.social-link:hover{--btn-1: var(--orange);--btn-2: var(--rose);border-radius:25%;translate:0 calc(-1 * var(--xxs));box-shadow:0 var(--xxs) 0 var(--marroon)}.social-link:hover img{transition:filter .5s ease-in-out;filter:invert(100%)}.social-link img{width:65%}.section{display:flex;flex-direction:column;align-items:center;margin-top:var(--md)}.projects{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;gap:var(--sm)}a{transition:border-radius .3s ease-in-out,--btn-1 .3s ease-in-out,--btn-2 .3s ease-in-out,scale .3s ease-in-out,translate .3s ease-in-out,box-shadow .3s ease-in-out,filter .3s ease-in-out}a{color:inherit}.project{position:relative;overflow:hidden;object-fit:contain;background-size:cover;background-position:50%;height:200px;aspect-ratio:1.26;border-radius:var(--md);text-decoration:none}.project:hover{scale:102%;border-radius:var(--sm)}.project:visited{color:inherit}.project iframe{width:100%;height:100%}.project *{position:relative;z-index:1}.project video{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;z-index:0}.project h4{display:inline;background-color:var(--bg-2);border:2px solid black;border-radius:var(--xs);padding:var(--xxs) var(--xs);top:var(--sm);left:var(--sm)}nav{text-align:center;margin-top:var(--lg)}nav a{color:var(--text);margin:0 var(--sm)}*{box-sizing:border-box}@media (min-width: 768px){.logo{max-width:200px}.header{display:flex;flex-direction:column;gap:var(--sm)}.section{margin-top:var(--lg)}}