a,body,main,section{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;background-color:#0f172a;color:#f1f5f9}html{scroll-behavior:smooth}@media screen and (min-width:400px){body{padding:0 3em}}@media screen and (max-width:400px){body{padding:0 .5em}}menu{padding-inline:0}section{padding-top:10em}h2{margin:3em 0}header>menu,section{max-width:60em;margin:0 auto}p{text-align:justify}header{height:4em;position:sticky;top:0;background-color:#0f172a;z-index:4}header menu{display:flex;flex-direction:row;justify-content:flex-end;width:100%;height:100%}header menu a{text-decoration:none}header menu li{height:100%;list-style-type:none;display:flex;align-items:center}@media screen and (min-width:250px){header menu li{margin:auto 0 auto 2em}}@media screen and (max-width:250px){header menu li{margin:auto 0 auto .5em}}@font-face{font-family:Hack Nerd Font Mono;src:url(/fonts/Hack-Italic-Nerd-Font-Complete-Mono.woff)}@media screen and (max-width:614px){footer{--icon-size:8vw;--icon-border:9vw}}@media screen and (min-width:614px){footer{--icon-size:5vh;--icon-border:6vh}}.content-wrap{padding-bottom:15em}i{font-size:var(--icon-size);font-family:Hack Nerd Font Mono;font-style:normal}.icon{height:calc(var(--icon-size) - 1em)}.social a{text-decoration:none;display:flex;align-items:center;justify-content:center;width:var(--icon-border);height:var(--icon-border);border:.1em solid #f1f5f9;border-radius:100%}.social a:hover{background-color:#f1f5f9;color:#0f172a;box-shadow:0 .5em .5em 0 rgba(67,56,202,.45),0 .5em 1.5em .5em rgba(67,56,202,.3)}footer{height:auto;background-color:#0f172a;color:#f1f5f9}footer .social{margin:0 auto;padding:0 var(--side-offset);padding-top:2em;align-items:center}footer .important,footer .social{max-width:700px;display:flex;justify-content:space-between;list-style:none}footer .important{text-align:center;flex-direction:row;margin:1em auto;padding:0 var(--side-offset)}footer li a{text-decoration:none}.copyright{color:#f1f5f9;padding-bottom:1em;font-size:.8em;text-align:center}.intro{height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}@media screen and (min-width:650px){.intro{padding-left:10em}}@media screen and (max-width:650px)and (min-width:400px){.intro{padding-left:4em}}@media screen and (max-width:400px){.intro{padding-left:2em}}.intro .desc{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:lime}.intro h1{font-size:3rem;margin-block-end:0}.intro h2{font-size:2rem}.projects .cards{margin-top:5em;display:flex;justify-content:space-between;gap:.5em;--mouse-x:10px;--mouse-y:10px}@media screen and (min-width:420px){.projects .cards{flex-direction:row;flex-wrap:wrap}}@media screen and (max-width:420px){.projects .cards{flex-direction:column}}.projects .cards .project{padding:1em;height:18em;background-color:hsla(0,0%,100%,.1);border-radius:1em;display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer}@media screen and (min-width:420px){.projects .cards .project{flex:1;min-width:15em}}.projects .cards .project .content{text-decoration:none;background-color:#111827;border-radius:inherit;display:flex;flex-direction:column;flex-grow:1;inset:.1em;padding:10px;position:absolute;z-index:2}.projects .cards .project .image{width:100%;height:5em;display:flex;justify-content:center}.projects .cards .project .image .img{box-sizing:border-box;height:100%;padding:.2em}.projects .cards .project .image .img img{filter:grayscale(70%);width:100%;height:100%}.projects .cards .project:after,.projects .cards .project:before{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;border-radius:inherit;content:"";transition:opacity .5s}@media prefers-reduced-motion{.projects .cards .project:after,.projects .cards .project:before{transition:none}}.projects .cards .project:before{background:radial-gradient(1000px circle at var(--mouse-x) var(--mouse-y),hsla(0,0%,100%,.1),transparent 40%);z-index:3}.projects .cards .project:after{background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),hsla(0,0%,100%,.4),transparent 80%);z-index:1;opacity:1}.projects .cards .project:hover:before{opacity:1}.contact{margin-bottom:7em}.contact form{width:100%}.contact form .inputBox input:focus~label,.contact form .inputBox input:not([value=""])~label,.contact form .inputBox input:valid~label,.contact form .inputBox textarea:focus~label,.contact form .inputBox textarea:not(:empty)~label,.contact form .inputBox textarea:valid~label,.contact form .label-focused{top:-1.125rem;left:1em;color:#4338ca;font-size:.75rem;background-color:#0f172a;height:1em;padding-left:.5em;padding-right:.5em}.contact form .input-focused,.contact form .inputBox input:focus,.contact form .inputBox textarea:focus{outline:none;border:.2em solid #4338ca}.contact form .inputBox{position:relative}.contact form .inputBox input,.contact form .inputBox textarea{width:100%;box-sizing:border-box;padding:1.3rem 1em;font-size:1rem;letter-spacing:.062rem;margin-bottom:1.875rem;border:.1em solid #f1f5f9;background:transparent;border-radius:.4em;color:#f1f5f9}.contact form .inputBox label{position:absolute;top:0;left:1em;padding:.625rem 0;font-size:1.5rem;color:#f1f5f9;pointer-events:none;transition:.5s}@media prefers-reduced-motion{.contact form .inputBox label{transition:none}}.contact form .inputBox textarea{font-family:inherit}.contact form .submitBtn{width:100%;display:flex;justify-content:flex-end}.contact form .submitBtn input[type=submit]{border:none;outline:none;color:#0f172a;background-color:#f1f5f9;padding:.625rem 1.25rem;cursor:pointer;border-radius:.312rem;font-size:1rem}.contact form .submitBtn input[type=submit]:hover{background-color:#0f172a;color:#f1f5f9;box-shadow:0 .1em .1em 0 rgba(67,56,202,.45),0 .1em .3em .1em rgba(67,56,202,.3)}.accordeon .content{min-height:10em}.accordeon .content .img{float:left;box-sizing:border-box;width:8em;height:8em;padding:0 1em 1em 0}.accordeon .content .img img{width:100%;height:100%}.accordeon .content p{margin-block-start:0;margin-block-end:0}.accordeon .open-close{cursor:pointer;display:flex;align-items:center}.accordeon .open-close .full-bar{width:100%;height:1em;background-color:#cbd5e1;border-radius:100em}.accordeon .open-close .full-bar .bar{background-color:#4338ca;height:100%;border-radius:100em}.accordeon .open-close .full-bar .progress-1{width:1%}.accordeon .open-close .full-bar .progress-2{width:2%}.accordeon .open-close .full-bar .progress-3{width:3%}.accordeon .open-close .full-bar .progress-4{width:4%}.accordeon .open-close .full-bar .progress-5{width:5%}.accordeon .open-close .full-bar .progress-6{width:6%}.accordeon .open-close .full-bar .progress-7{width:7%}.accordeon .open-close .full-bar .progress-8{width:8%}.accordeon .open-close .full-bar .progress-9{width:9%}.accordeon .open-close .full-bar .progress-10{width:10%}.accordeon .open-close .full-bar .progress-11{width:11%}.accordeon .open-close .full-bar .progress-12{width:12%}.accordeon .open-close .full-bar .progress-13{width:13%}.accordeon .open-close .full-bar .progress-14{width:14%}.accordeon .open-close .full-bar .progress-15{width:15%}.accordeon .open-close .full-bar .progress-16{width:16%}.accordeon .open-close .full-bar .progress-17{width:17%}.accordeon .open-close .full-bar .progress-18{width:18%}.accordeon .open-close .full-bar .progress-19{width:19%}.accordeon .open-close .full-bar .progress-20{width:20%}.accordeon .open-close .full-bar .progress-21{width:21%}.accordeon .open-close .full-bar .progress-22{width:22%}.accordeon .open-close .full-bar .progress-23{width:23%}.accordeon .open-close .full-bar .progress-24{width:24%}.accordeon .open-close .full-bar .progress-25{width:25%}.accordeon .open-close .full-bar .progress-26{width:26%}.accordeon .open-close .full-bar .progress-27{width:27%}.accordeon .open-close .full-bar .progress-28{width:28%}.accordeon .open-close .full-bar .progress-29{width:29%}.accordeon .open-close .full-bar .progress-30{width:30%}.accordeon .open-close .full-bar .progress-31{width:31%}.accordeon .open-close .full-bar .progress-32{width:32%}.accordeon .open-close .full-bar .progress-33{width:33%}.accordeon .open-close .full-bar .progress-34{width:34%}.accordeon .open-close .full-bar .progress-35{width:35%}.accordeon .open-close .full-bar .progress-36{width:36%}.accordeon .open-close .full-bar .progress-37{width:37%}.accordeon .open-close .full-bar .progress-38{width:38%}.accordeon .open-close .full-bar .progress-39{width:39%}.accordeon .open-close .full-bar .progress-40{width:40%}.accordeon .open-close .full-bar .progress-41{width:41%}.accordeon .open-close .full-bar .progress-42{width:42%}.accordeon .open-close .full-bar .progress-43{width:43%}.accordeon .open-close .full-bar .progress-44{width:44%}.accordeon .open-close .full-bar .progress-45{width:45%}.accordeon .open-close .full-bar .progress-46{width:46%}.accordeon .open-close .full-bar .progress-47{width:47%}.accordeon .open-close .full-bar .progress-48{width:48%}.accordeon .open-close .full-bar .progress-49{width:49%}.accordeon .open-close .full-bar .progress-50{width:50%}.accordeon .open-close .full-bar .progress-51{width:51%}.accordeon .open-close .full-bar .progress-52{width:52%}.accordeon .open-close .full-bar .progress-53{width:53%}.accordeon .open-close .full-bar .progress-54{width:54%}.accordeon .open-close .full-bar .progress-55{width:55%}.accordeon .open-close .full-bar .progress-56{width:56%}.accordeon .open-close .full-bar .progress-57{width:57%}.accordeon .open-close .full-bar .progress-58{width:58%}.accordeon .open-close .full-bar .progress-59{width:59%}.accordeon .open-close .full-bar .progress-60{width:60%}.accordeon .open-close .full-bar .progress-61{width:61%}.accordeon .open-close .full-bar .progress-62{width:62%}.accordeon .open-close .full-bar .progress-63{width:63%}.accordeon .open-close .full-bar .progress-64{width:64%}.accordeon .open-close .full-bar .progress-65{width:65%}.accordeon .open-close .full-bar .progress-66{width:66%}.accordeon .open-close .full-bar .progress-67{width:67%}.accordeon .open-close .full-bar .progress-68{width:68%}.accordeon .open-close .full-bar .progress-69{width:69%}.accordeon .open-close .full-bar .progress-70{width:70%}.accordeon .open-close .full-bar .progress-71{width:71%}.accordeon .open-close .full-bar .progress-72{width:72%}.accordeon .open-close .full-bar .progress-73{width:73%}.accordeon .open-close .full-bar .progress-74{width:74%}.accordeon .open-close .full-bar .progress-75{width:75%}.accordeon .open-close .full-bar .progress-76{width:76%}.accordeon .open-close .full-bar .progress-77{width:77%}.accordeon .open-close .full-bar .progress-78{width:78%}.accordeon .open-close .full-bar .progress-79{width:79%}.accordeon .open-close .full-bar .progress-80{width:80%}.accordeon .open-close .full-bar .progress-81{width:81%}.accordeon .open-close .full-bar .progress-82{width:82%}.accordeon .open-close .full-bar .progress-83{width:83%}.accordeon .open-close .full-bar .progress-84{width:84%}.accordeon .open-close .full-bar .progress-85{width:85%}.accordeon .open-close .full-bar .progress-86{width:86%}.accordeon .open-close .full-bar .progress-87{width:87%}.accordeon .open-close .full-bar .progress-88{width:88%}.accordeon .open-close .full-bar .progress-89{width:89%}.accordeon .open-close .full-bar .progress-90{width:90%}.accordeon .open-close .full-bar .progress-91{width:91%}.accordeon .open-close .full-bar .progress-92{width:92%}.accordeon .open-close .full-bar .progress-93{width:93%}.accordeon .open-close .full-bar .progress-94{width:94%}.accordeon .open-close .full-bar .progress-95{width:95%}.accordeon .open-close .full-bar .progress-96{width:96%}.accordeon .open-close .full-bar .progress-97{width:97%}.accordeon .open-close .full-bar .progress-98{width:98%}.accordeon .open-close .full-bar .progress-99{width:99%}.accordeon .open-close .full-bar .progress-100{width:100%}.accordeon .open-close .first-part{display:flex;align-items:center;width:60em}.accordeon .open-close .first-part .icon{width:2em;height:2em;transition:transform .2s ease;padding:0 1em}@media prefers-reduced-motion{.accordeon .open-close .first-part .icon{transition:none}}.accordeon .open-close .first-part .icon-open{transform:rotate(-90deg)}.accordeon .open-close .first-part .icon-close{transform:rotate(90deg)}.accordeon .open-close .first-part .inlineTitle{display:inline-block}