@import url("https://fonts.googleapis.com/css?family=Lato:400,400i,700,900,300");:root{--primary: #8569b3;--primary-content: #ffffff;--primary-dark: #6b4e9b;--primary-light: #a18bc4;--clr-dark-a0: #000000;--clr-light-a0: #ffffff;--primary-a0: #18043f;--primary-a10: #301d52;--primary-a20: #483667;--primary-a30: #614f7b;--primary-a40: #7a6a90;--primary-a50: #9386a5;--surface-a0: #121212;--surface-a10: #282828;--surface-a20: #3f3f3f;--surface-a30: #575757;--surface-a40: #717171;--surface-a50: #8b8b8b;--surface-tonal-a0: #180d24;--surface-tonal-a10: #2d2439;--surface-tonal-a20: #443b4e;--surface-tonal-a30: #5c5465;--surface-tonal-a40: #756e7d;--surface-tonal-a50: #8f8996;--clr-success-a0: #22946e;--clr-success-a10: #47d5a6;--clr-success-a20: #9ae8ce;--clr-warning-a0: #a87a2a;--clr-warning-a10: #d7ac61;--clr-warning-a20: #ecd7b2;--clr-danger-a0: #9c2121;--clr-danger-a10: #d94a4a;--clr-danger-a20: #eb9e9e;--clr-info-a0: #21498a;--clr-info-a10: #4077d1;--clr-info-a20: #92b2e5;--secondary: #6997b3;--secondary-content: #0a1013;--secondary-dark: #4e7e9b;--secondary-light: #8baec4;--background: #18151e;--foreground: #25202d;--border: #3d354b;--copy: #fbfbfc;--copy-light: #d7d2df;--copy-lighter: #a296b5;--success: #69b369;--warning: #b3b369;--error: #b36969;--success-content: #0a130a;--warning-content: #13130a;--error-content: #ffffff}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}*{box-sizing:border-box}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}body{background:var(--background);color:var(--copy-light);font-family:"Lato", sans-serif;font-size:1rem;line-height:1.6;padding:0;font-weight:400;scroll-snap-type:y mandatory;margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-main);font-weight:900;line-height:1.2;color:var(--primary-light);margin-top:1.6rem;margin-bottom:0.6rem}h1{color:var(--primary);letter-spacing:1px;font-weight:900;font-size:14cqw;margin-top:0;display:flex}h2{font-size:10cqw;margin-bottom:12cqw}h3{font-size:3.5cqw}h4{font-size:5cqw}pre{padding:5px 15px;background:var(--foreground);border-radius:20px}svg path{fill:var(--primary)}p{margin-bottom:1rem}p strong,p b{color:var(--primary)}a{color:var(--primary-a50);text-decoration:none;transition:color .2s ease}a:hover{color:var(--clr-secondary-a40)}button{background:var(--secondary);color:var(--copy);border:0;border-radius:5px;cursor:pointer;padding:10px 15px;text-transform:uppercase;font-weight:700;font-size:12px}@media (min-width: 600px){h1{font-size:6cqw}h2{font-size:4cqw;margin-bottom:3cqw}h3{font-size:2cqw}}#btMenu{display:block;border:0;background:transparent;position:fixed;right:30px;top:30px;margin:0;padding:0;width:40px;height:40px;z-index:2}#btMenu span{font-size:0}#btMenu svg{width:40px;height:40px}#btMenu .open{display:block}#btMenu .close{display:none}nav{display:none}nav ul{display:flex;list-style:none;grid-gap:30px 50px;flex-direction:column;margin:0;padding:0}nav li{font-size:8cqw}.has-menu #btMenu .open{display:none}.has-menu #btMenu .close{display:block}.has-menu nav{position:fixed;justify-content:center;display:flex;width:100%;padding:10px 50px;height:100vh;flex-direction:column;background:var(--primary-a0);z-index:1}@media (min-width: 600px){#btMenu{display:none}nav{position:fixed;justify-content:flex-end;display:flex;width:100%;height:auto;padding:10px 50px;flex-direction:row;filter:none;background:transparent}nav ul{display:flex;list-style:none;grid-gap:30px 50px;flex-direction:row;padding:15px 0}nav li{font-size:1.2cqw}.has-menu nav{position:fixed;justify-content:flex-end;display:flex;width:100%;padding:10px 50px;height:auto;flex-direction:row;background:none}}#links{background-color:var(--foreground);background:radial-gradient(circle at 30% 10%, var(--primary-a0) 15%, var(--background) 150%);grid-gap:2cqw;min-height:auto;container-type:normal}#links ul{display:flex;grid-gap:10cqw;list-style:none;flex-wrap:wrap;justify-content:center;margin:0;padding:0}#links li{display:flex;align-items:center;flex-direction:column;justify-content:center;grid-gap:1.5cqw}#links svg{height:8cqw;width:8cqw;flex:0 0 8cqw}@media (min-width: 600px){#links svg{height:2cqw;width:2cqw;flex:0 0 2cqw}#links ul{grid-gap:2cqw;justify-content:flex-start}}section{min-height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;padding:30px;scroll-snap-align:start;container-type:size}#intro{background:radial-gradient(circle at 50% 10%, var(--primary-a0) 15%, #000 100%)}#intro p{font-size:16px}#intro h1 .h1b{margin-left:2cqw;transform:translate(-30cqw, 0px)}#skills,#about{background-color:var(--foreground);background:radial-gradient(circle at 30% 10%, var(--primary-a0) 15%, var(--background) 150%);container-type:inline-size}#skills .about-me,#about .about-me{display:flex;grid-gap:10cqw;align-items:center;padding:0;flex-direction:column}#skills .about-me img,#about .about-me img{width:35vw;margin:20px 0 0 0}#skills .about-me__txt,#about .about-me__txt{width:auto}#skills .about-me__txt p,#about .about-me__txt p{text-wrap-style:balance;font-size:16px}#skills ul,#about ul{display:flex;grid-gap:3cqw;list-style:none;flex-wrap:wrap;justify-content:flex-start;margin:0;padding:0;width:auto}#skills li,#about li{display:flex;align-items:center;flex-direction:column;border:1px solid var(--primary-a0);width:28cqw;height:28cqw;justify-content:center;border-radius:15px;background:var(--primary-a0);filter:saturate(0.5) drop-shadow(0px 0px 1px var(--primary-dark));grid-gap:10px;padding-top:10px}#skills h3,#about h3{margin:0;text-align:center;height:4cqw;display:flex;align-items:center}#skills svg,#about svg{height:10cqw;flex:0 0 10cqw}#projects{background:radial-gradient(circle at 50% 50%, var(--primary-a0) 15%, #000 100%);container-type:inline-size}#projects h3{font-size:6cqw;margin:0;color:var(--primary)}#projects h4{margin:0;color:var(--primary-a50)}#projects .grid{display:flex;flex-direction:column;grid-gap:30px 40px;margin-top:20px}#projects article{display:flex;flex-direction:column;width:100%;border-radius:30px;filter:drop-shadow(0px 0px 1px var(--primary-dark));overflow:hidden;position:relative;padding-bottom:10px;height:100%;grid-gap:5cqw}#projects article figure{width:100%;margin:0;z-index:1;position:relative;aspect-ratio:390/190;height:auto;overflow:hidden}#projects article figure img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0;scale:1;transition:0.5s}#projects article figure:before{content:'';position:absolute;background:var(--primary);top:0;right:0;left:0;bottom:0;mix-blend-mode:color;filter:opacity(0.3);transition:0.5s;z-index:1}#projects article:before{content:'';display:block;filter:drop-shadow(0px 0px 1px var(--primary-dark)) saturate(0.5);position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--primary-a0)}#projects article:hover img{scale:1.1;transition:0.5s}#projects article:hover figure:before{filter:opacity(0);transition:0.5s}#projects .info{padding:0 20px;z-index:1}@media (min-width: 600px){section{padding:50px}#intro p{font-size:1.4cqw}#intro h1 .h1b{margin-left:2cqw;transform:translate(-14cqw, 0px)}#skills ul,#about ul{grid-gap:2.5cqw 4cqw;width:80cqw}#skills li,#about li{display:flex;align-items:center;flex-direction:column;border:1px solid var(--primary-a0);width:12cqw;height:12cqw;justify-content:center;border-radius:15px;background:var(--primary-a0);filter:saturate(0.5) drop-shadow(0px 0px 1px var(--primary-dark));grid-gap:10px;padding:10px 10px 0 10px;border-radius:30px}#skills svg,#about svg{height:5cqw;flex:0 0 5cqw}#skills h3,#about h3{height:4cqw;display:flex;align-items:center;font-size:1.6cqw}#skills .about-me,#about .about-me{flex-direction:row;padding:0 5cqw}#skills .about-me img,#about .about-me img{width:17vw;margin:30px 0}#skills .about-me__txt,#about .about-me__txt{width:45cqw}#skills .about-me__txt p,#about .about-me__txt p{font-size:1.4cqw}#projects .grid{display:grid;grid-template-columns:repeat(2, 1fr)}#projects h3{font-size:1.7cqw}#projects h4{font-size:1cqw}#projects article{grid-gap:1.5cqw;padding-bottom:20px}}@media (min-width: 1000px){#projects .grid{display:grid;grid-template-columns:repeat(3, 1fr)}}