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;overflow-x:hidden;overflow-y:hidden}article,aside,details,figcaption,figure,footer,hgroup,menu,nav,section{display:block}body{overflow-y:auto;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{--md-sys-color-primary:rgb(255 180 172);--md-sys-color-surface-tint:rgb(255 180 172);--md-sys-color-on-primary:rgb(86 30 26);--md-sys-color-primary-container:rgb(115 51 46);--md-sys-color-on-primary-container:rgb(255 218 214);--md-sys-color-secondary:rgb(231 189 184);--md-sys-color-on-secondary:rgb(68 41 39);--md-sys-color-secondary-container:rgb(93 63 60);--md-sys-color-on-secondary-container:rgb(255 218 214);--md-sys-color-tertiary:rgb(224 195 140);--md-sys-color-on-tertiary:rgb(63 45 4);--md-sys-color-tertiary-container:rgb(88 68 25);--md-sys-color-on-tertiary-container:rgb(254 222 166);--md-sys-color-error:rgb(255 180 171);--md-sys-color-on-error:rgb(105 0 5);--md-sys-color-error-container:rgb(147 0 10);--md-sys-color-on-error-container:rgb(255 218 214);--md-sys-color-background:rgb(26 17 16);--md-sys-color-on-background:rgb(241 222 220);--md-sys-color-surface:rgb(26 17 16);--md-sys-color-on-surface:rgb(241 222 220);--md-sys-color-surface-variant:rgb(83 67 65);--md-sys-color-on-surface-variant:rgb(216 194 191);--md-sys-color-outline:rgb(160 140 138);--md-sys-color-outline-variant:rgb(83 67 65);--md-sys-color-shadow:rgb(0 0 0);--md-sys-color-scrim:rgb(0 0 0);--md-sys-color-inverse-surface:rgb(241 222 220);--md-sys-color-inverse-on-surface:rgb(57 46 45);--md-sys-color-inverse-primary:rgb(144 74 68);--md-sys-color-primary-fixed:rgb(255 218 214);--md-sys-color-on-primary-fixed:rgb(59 9 8);--md-sys-color-primary-fixed-dim:rgb(255 180 172);--md-sys-color-on-primary-fixed-variant:rgb(115 51 46);--md-sys-color-secondary-fixed:rgb(255 218 214);--md-sys-color-on-secondary-fixed:rgb(44 21 19);--md-sys-color-secondary-fixed-dim:rgb(231 189 184);--md-sys-color-on-secondary-fixed-variant:rgb(93 63 60);--md-sys-color-tertiary-fixed:rgb(254 222 166);--md-sys-color-on-tertiary-fixed:rgb(38 25 0);--md-sys-color-tertiary-fixed-dim:rgb(224 195 140);--md-sys-color-on-tertiary-fixed-variant:rgb(88 68 25);--md-sys-color-surface-dim:rgb(26 17 16);--md-sys-color-surface-bright:rgb(66 55 53);--md-sys-color-surface-container-lowest:rgb(20 12 11);--md-sys-color-surface-container-low:rgb(35 25 24);--md-sys-color-surface-container:rgb(39 29 28);--md-sys-color-surface-container-high:rgb(50 40 38);--md-sys-color-surface-container-highest:rgb(61 50 49);font-size:16px;font-family:Roboto}.main{overflow-x:hidden;overflow-y:auto;padding:1rem}#app{display:grid;grid-template-rows:6rem 1fr;min-height:100vh}header{background-color:var(--md-sys-color-surface-container);padding:1.25rem;color:var(--md-sys-color-on-secondary);height:auto;box-sizing:border-box}.header-buttons-container{display:flex;gap:1rem;float:right;height:100%}header .header-buttons-container a{display:flex;justify-content:center;align-items:center;color:var(--md-sys-color-primary);box-shadow:inset 0 0 0 2px var(--md-sys-color-primary);text-decoration:none;width:6rem;border-radius:2rem;transition:all 0.2s ease-in-out;&:hover{background-color:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);border-radius:1rem}&:active{box-shadow:inset 0 0 0 2px var(--md-sys-color-secondary-container);transform:scale(.98);background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}}header .header-buttons-container .active{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);&:hover{box-shadow:inset 0 0 0 2px var(--md-sys-color-secondary);background-color:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary);border-radius:1rem}&:active{box-shadow:inset 0 0 0 2px var(--md-sys-color-secondary-container);transform:scale(.98);background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}}@media (min-width:600px){:root{font-size:18px}.main{padding:1rem 2rem}}@media (min-width:840px){:root{font-size:20px}}@media (min-width:1200px){:root{font-size:22px}ul{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}ul li{margin:0}#app{display:grid;grid-template-rows:1fr;grid-template-columns:6rem 1fr}header{display:flex;flex-direction:column;align-items:center}header .header-buttons-container{display:flex;flex-direction:column;align-items:center;margin-top:3rem}header .header-buttons-container a{padding:1.25rem;width:3rem;height:1rem}}@media (min-width:1600px){:root{font-size:24px}#app{display:grid;grid-template-rows:1fr;grid-template-columns:12rem 1fr}header .header-buttons-container a{padding:1.25rem;width:6rem;height:1rem}}html{width:100vw;height:100vh;overflow-x:hidden;overflow-y:auto}body{background-color:var(--md-sys-color-surface);display:flex;justify-content:stretch;align-items:stretch;overflow-x:hidden;overflow-y:auto}h1{color:var(--md-sys-color-primary);font-size:4rem;line-height:5rem;flex-shrink:0}h2{color:var(--md-sys-color-secondary);font-size:2rem;line-height:3rem}h3{color:var(--md-sys-color-on-surface);line-height:2rem}li{margin:3rem 0rem}.enter{transition:all 0.3s ease-out}.leave{transition:all 0.3s ease-in}.opacity-0{opacity:0}.scale-98{transform:scale(.98)}.opacity-100{opacity:1}.scale-100{transform:scale(1)}.yshift-30{transform:translateY(30px)}.yshift-0{transform:translateY(0)}.logo{display:flex;justify-content:center;align-items:center;background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);float:left;border-radius:100%;height:4rem;aspect-ratio:1 / 1;text-decoration:none;transition:all 0.3s ease-in-out;&:hover{transform:translateY(-10px)}}.project-section{display:grid;gap:1rem}.vid{width:100%;height:100%;border-radius:.75rem .75rem 0 0;transform:translateZ(0);-webkit-transform:translateZ(0);overflow:hidden;object-fit:cover;aspect-ratio:16/9}.project-page-info{margin:1rem}.project-info{display:grid;grid-auto-rows:50% 50%;align-items:center;padding:1.25rem}.card-page-container{display:flex;flex-direction:column;gap:1rem}.btn-filled{text-decoration:none;width:10rem;aspect-ratio:16 / 6.75;border-radius:3rem;background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);display:flex;justify-content:center;align-items:center;font-size:1.25rem;margin-left:auto;transition:all 0.2s ease-in-out;&:hover{background-color:var(--md-sys-color-secondary);border-radius:1rem}&:active{transform:scale(.98);background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}}.contact-section{display:grid;gap:1rem}.details{display:grid;gap:1rem}.details a{text-decoration:none;color:var(--md-sys-color-primary)}.project-card{background-color:var(--md-sys-color-surface-container);border-radius:.75rem;display:grid;grid-auto-rows:60% auto;transition:all 0.2s ease-in-out;&:hover{border-radius:2rem}&:active{transform:scale(.98)}}.card-section{background-color:var(--md-sys-color-surface-container-highest);border-radius:.75rem;padding:1rem}@media (min-width:1200px){.card-section{padding:4rem}}.card-layout{display:flex;flex-direction:column;justify-content:space-evenly;gap:1rem;height:100%}