@import url(https://fonts.googleapis.com/css2?family=La+Belle+Aurore&family=League+Spartan:wght@100..900&display=swap);*{-webkit-tap-highlight-color:rgba(0,0,0,0);border:0;box-sizing:border-box;font-family:League Spartan,serif;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}::selection{background-color:#1b212a;background-color:var(--color-component-variant1)}img::selection{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:initial}:root{--color-text:#fff;--color-text-variant:#a9adc1;--transition:all .5s ease;--color-bg:#0d1117;--color-primary:#00cbff;--color-component:#212933;--color-component-variant1:#1b212a;--color-component-variant2:#2e3039}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{border-radius:.8rem;-webkit-border-radius:.8rem;-moz-border-radius:.8rem;-ms-border-radius:.8rem;-o-border-radius:.8rem}::-webkit-scrollbar-thumb{background:#1b212a;background:var(--color-component-variant1);border-radius:8rem;-webkit-border-radius:8rem;-moz-border-radius:8rem;-ms-border-radius:8rem;-o-border-radius:8rem}::-webkit-scrollbar-thumb:hover{cursor:pointer}html{font-size:62.5%;scroll-behavior:smooth;scrollbar-width:none}body{-ms-overflow-style:none;background-color:#0d1117;background-color:var(--color-bg);font-optical-sizing:auto;font-style:normal;margin:0 auto;max-width:1440px;overflow-x:hidden}h1,h2,h3,h4,h5,h6,p{color:#fff;color:var(--color-text);font-size:9.6rem;font-weight:700}h2{font-size:2.8rem;font-weight:400}h3{font-size:3.2rem;font-weight:700}h4{font-size:2.8rem;font-weight:600}p{color:#a9adc1;color:var(--color-text-variant);line-height:2.8rem}li,p{font-size:2rem;font-weight:400}li{line-height:2.6rem}hr{border:1px solid #1b212a;border:1px solid var(--color-component-variant1);margin:0 auto;transition:all .5s ease;transition:var(--transition);-webkit-transition:all .5s ease;-webkit-transition:var(--transition);-moz-transition:all .5s ease;-moz-transition:var(--transition);-ms-transition:all .5s ease;-ms-transition:var(--transition);-o-transition:all .5s ease;-o-transition:var(--transition);width:calc(100% - 12rem)}.article-container hr{width:100%}.article-container .ESP{height:4rem}section{padding:8rem 6rem;transition:all .5s ease;transition:var(--transition);-webkit-transition:all .5s ease;-webkit-transition:var(--transition);-moz-transition:all .5s ease;-moz-transition:var(--transition);-ms-transition:all .5s ease;-ms-transition:var(--transition);-o-transition:all .5s ease;-o-transition:var(--transition);width:100%}.cta{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-auto-flow:column;height:max-content;justify-content:left}.btn{background-color:#212933;background-color:var(--color-component);border-radius:.8rem;-webkit-border-radius:.8rem;-moz-border-radius:.8rem;-ms-border-radius:.8rem;-o-border-radius:.8rem;color:#a9adc1;color:var(--color-text-variant);cursor:pointer;display:inline-block;font-size:2rem;font-weight:600;padding:1.6rem 2rem 1.4rem;text-align:center}.btn-primary{background-color:#00cbff;background-color:var(--color-primary);color:#fff;color:var(--color-text)}img{display:block;object-fit:cover;width:100%}.scroll-to-top.scrollToTopButton{background-color:#00cbff;background-color:var(--color-primary);border:none;border-radius:.8rem;-webkit-border-radius:.8rem;-moz-border-radius:.8rem;-ms-border-radius:.8rem;-o-border-radius:.8rem;bottom:6.6rem;box-shadow:none;cursor:pointer;height:4.4rem;outline:none;padding:.8rem;position:fixed;transition:all .5s ease;transition:var(--transition);-webkit-transition:all .5s ease;-webkit-transition:var(--transition);-moz-transition:all .5s ease;-moz-transition:var(--transition);-ms-transition:all .5s ease;-ms-transition:var(--transition);-o-transition:all .5s ease;-o-transition:var(--transition);width:4.4rem;z-index:2}.scrollToTopButton svg{height:2.8rem;width:2.8rem}.scrollToTopButton svg path{fill:#fff;fill:var(--color-text)}nav{background-color:#0d1117;background-color:var(--color-bg);display:flex;padding:2rem 6rem;position:sticky;top:0;transition:all .5s ease;transition:var(--transition);-webkit-transition:all .5s ease;-webkit-transition:var(--transition);-moz-transition:all .5s ease;-moz-transition:var(--transition);-ms-transition:all .5s ease;-ms-transition:var(--transition);-o-transition:all .5s ease;-o-transition:var(--transition);width:100%;z-index:10}nav ul{grid-column-gap:4.8rem;column-gap:4.8rem;display:grid;grid-auto-flow:column;place-content:center;width:100%}nav .nav-menu-item{display:flex;place-content:center}.nav-menu-logo svg{height:3.6rem}nav .nav-menu-item a{align-self:center;color:#a9adc1;color:var(--color-text-variant);cursor:pointer;font-size:2.4rem;font-weight:500;position:relative;white-space:nowrap}.nav-menu-logo svg path{fill:#00cbff;fill:var(--color-primary)}nav .nav-menu-item a:after{background-color:#fff;background-color:var(--color-text);bottom:-6px;content:"";display:block;height:2px;left:0;position:absolute;transform:scaleX(0);-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform-origin:left;transition:transform .25s ease;width:100%}nav .nav-menu-item a:hover:after{background-color:#a9adc1;background-color:var(--color-text-variant);transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1)}nav .nav-menu-item a.active{color:#fff;color:var(--color-text)}nav .nav-menu-item a.active:after,nav .nav-menu-item a.active:focus:after,nav .nav-menu-item a.active:hover:after{background-color:#fff;background-color:var(--color-text);transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1)}nav .nav-menu-logo a.active:after,nav .nav-menu-logo a.active:focus:after,nav .nav-menu-logo a.active:hover:after,nav .nav-menu-logo a:focus:after,nav .nav-menu-logo a:hover:after{transform:scaleX(0);-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0)}.menu{display:none}.menu svg{font-size:4rem}.header-section{align-content:center;display:flex;flex-direction:row;justify-content:space-between;padding:12rem 6rem 22.5rem}.header-container{grid-gap:3.2rem;color:#fff;color:var(--color-text);display:grid;gap:3.2rem;grid-auto-flow:row;max-width:80rem;min-width:26rem}.header-container h1{color:#00cbff;color:var(--color-primary);position:relative}.header-container h2{position:relative}.header-container h1:before,.header-container h2:before{color:#2e3039;color:var(--color-component-variant2);content:"<h1>";font-family:La Belle Aurore,cursive;font-size:2.8rem;font-weight:500;position:absolute;top:-5rem}.header-container h2:before{content:"<p>";top:-4rem}.header-container h1 .last-letter:after,.header-container h2 .last-letter:after{color:#2e3039;color:var(--color-component-variant2);content:"</h1>";font-family:La Belle Aurore,cursive;font-size:2.8rem;font-weight:500;left:1.6rem;position:relative}.header-container h2 .last-letter:after{content:"</p>"}.blog-section,.projects-section{display:flex;padding:6rem 6rem 8rem;transition:all .5s ease;transition:var(--transition);-webkit-transition:all .5s ease;-webkit-transition:var(--transition);-moz-transition:all .5s ease;-moz-transition:var(--transition);-ms-transition:all .5s ease;-ms-transition:var(--transition);-o-transition:all .5s ease;-o-transition:var(--transition)}.projects-section{flex-direction:row}.blog-section{flex-direction:column}.projects-container{display:flex;flex-wrap:wrap;gap:2rem;margin:0 auto;max-width:94rem}.blog-container{align-self:center;display:flex;flex-direction:column;gap:1.6rem;max-width:80rem;min-width:80rem}.search-container{align-self:center;display:flex;justify-self:center;margin:0 0 2rem;min-width:42rem;transition:all .5s ease;transition:var(--transition);-webkit-transition:all .5s ease;-webkit-transition:var(--transition);-moz-transition:all .5s ease;-moz-transition:var(--transition);-ms-transition:all .5s ease;-ms-transition:var(--transition);-o-transition:all .5s ease;-o-transition:var(--transition)}.search-container .search{background-color:#212933;background-color:var(--color-component);border:0;border-radius:.8rem;-webkit-border-radius:.8rem;-moz-border-radius:.8rem;-ms-border-radius:.8rem;-o-border-radius:.8rem;color:#a9adc1;color:var(--color-text-variant);font-size:2rem;font-weight:500;padding:1.6rem 1.4rem 1.4rem;width:100%}.category-buttons,.field-buttons{align-self:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:0 0 4rem;max-width:80rem;min-width:26rem}.field-buttons{margin:0 0 2rem}.category-btn{font-size:1.8rem;font-weight:600}.category-btn.active{background-color:#00cbff;background-color:var(--color-primary);color:#fff;color:var(--color-text)}.article,.project{border-radius:.8rem;-webkit-border-radius:.8rem;-moz-border-radius:.8rem;-ms-border-radius:.8rem;-o-border-radius:.8rem;display:flex;gap:2rem;padding:.8rem;transition:all .5s ease;transition:var(--transition);-webkit-transition:all .5s ease;-webkit-transition:var(--transition);-moz-transition:all .5s ease;-moz-transition:var(--transition);-ms-transition:all .5s ease;-ms-transition:var(--transition);-o-transition:all .5s ease;-o-transition:var(--transition)}.project{background-color:#212933;background-color:var(--color-component);flex-direction:column;width:460px}.article{background-color:initial;flex-direction:row}.article:hover{background-color:#1b212a;background-color:var(--color-component-variant1)}.article-title{color:#fff;color:var(--color-text);font-size:2.8rem;font-weight:600;line-height:3.2rem}.article img,.project img{border-radius:.4rem;-webkit-border-radius:.4rem;-moz-border-radius:.4rem;-ms-border-radius:.4rem;-o-border-radius:.4rem;object-fit:cover}.article img{width:32rem}.article .article-description{display:flex;flex-direction:column;gap:.8rem}.project-container{align-items:start;display:flex;flex-direction:row;justify-content:space-between}.project .project-description{display:flex;flex-direction:column;gap:.8rem;width:calc(100% - 10.8rem)}.project-title{color:#fff;color:var(--color-text);font-size:2.8rem;font-weight:600;line-height:3.2rem}.project-technologies{display:flex;flex-direction:row;flex-wrap:wrap;gap:.8rem}.project-technologies p{background-color:#1b212a;background-color:var(--color-component-variant1);border-radius:.8rem;-webkit-border-radius:.8rem;-moz-border-radius:.8rem;-ms-border-radius:.8rem;-o-border-radius:.8rem;font-size:1.6rem;height:4rem;padding:.8rem 1.6rem}.project-buttons{display:flex;flex-direction:row;gap:.8rem;margin-top:4rem;width:8.8rem}.project-buttons .btn,.project-buttons .btn-primary{height:4rem;padding:.8rem;transition:all .5s ease;transition:var(--transition);-webkit-transition:all .5s ease;-webkit-transition:var(--transition);-moz-transition:all .5s ease;-moz-transition:var(--transition);-ms-transition:all .5s ease;-ms-transition:var(--transition);-o-transition:all .5s ease;-o-transition:var(--transition);width:4rem}.project-buttons .btn-variant{background-color:#1b212a;background-color:var(--color-component-variant1)}.project-buttons .btn svg,.project-buttons .btn-primary svg{font-size:2.4rem}.article-section{display:flex;flex-direction:column;margin:0 auto;max-width:80rem;padding:0}.article-container{padding:2 0 6rem}.article-container,.article-container .btn{transition:all .5s ease;transition:var(--transition);-webkit-transition:all .5s ease;-webkit-transition:var(--transition);-moz-transition:all .5s ease;-moz-transition:var(--transition);-ms-transition:all .5s ease;-ms-transition:var(--transition);-o-transition:all .5s ease;-o-transition:var(--transition)}.article-container .btn{background-color:#1b212a;background-color:var(--color-component-variant1);font-size:1.8rem;margin-bottom:2rem}.article-container .btn svg{font-size:2.4rem}.article-container .btn svg path{fill:#fff;fill:var(--color-text)}.article-container .btn-back{height:4rem;margin:2rem 0 4rem;padding:.8rem;width:4rem}time{color:#a9adc1;color:var(--color-text-variant);font-size:1.8rem}.article-container h1{font-size:4.8rem;line-height:4.8rem}.article-container h2{font-size:3.2rem;line-height:3.8rem}.article-container h3,.article-container h4{font-size:2.8rem;line-height:3.4rem}.article-container h3 span{font-size:2rem;line-height:2.8rem}.article-container li,.article-container p,table th .align-left p{font-size:2rem}.article-container h1,.article-container h2,.article-container h3,.article-container h3 span,.article-container h4{color:#fff;color:var(--color-text);font-weight:600}.article-container h1 a,.article-container h2 a,.article-container h3 a,.article-container h4 a,.article-container li a,.article-container p a{color:#00cbff;color:var(--color-primary)}.article-container .comment,.article-container h3 span,.article-container li,.article-container li::marker,.article-container p{color:#a9adc1;color:var(--color-text-variant)}.article-container h1 a:hover,.article-container h2 a:hover,.article-container h3 a:hover,.article-container h4 a:hover,.article-container li a:hover,.article-container p a:hover{text-decoration:underline}.article-container h1{margin-bottom:1rem}.article-container h2,.article-container h3{margin-bottom:2rem}.article-container h4,.article-container p{margin-bottom:1rem}.article-container .marked{background-color:#1b212a;background-color:var(--color-component-variant1);border-radius:.4rem;-webkit-border-radius:.4rem;-moz-border-radius:.4rem;-ms-border-radius:.4rem;-o-border-radius:.4rem;padding:.6rem .8rem .4rem}.article-container .comment{font-size:2rem;opacity:30%}.article-container ol,.article-container ul{margin-bottom:2rem;padding-left:1.4rem}.article-container li{margin-bottom:1rem}.article-container img,.article-container video{max-width:64rem}.article-container .image,.article-container .video,.article-container img,.article-container video{border-radius:.8rem;-webkit-border-radius:.8rem;-moz-border-radius:.8rem;-ms-border-radius:.8rem;-o-border-radius:.8rem;margin:2rem 0 4rem;min-width:auto}.article-container .image,.article-container .video{max-width:46rem}.article-container iframe{height:100%;left:0;position:absolute;top:0}.article-container iframe,.article-container video{border-radius:.8rem;-webkit-border-radius:.8rem;-moz-border-radius:.8rem;-ms-border-radius:.8rem;-o-border-radius:.8rem;width:100%}pre{margin:2rem 0}.lenguaje{display:flex;height:0;justify-content:flex-end;width:100%}.lenguaje svg{fill:#2e3039;fill:var(--color-component-variant2);border-radius:.4rem;-webkit-border-radius:.4rem;-moz-border-radius:.4rem;-ms-border-radius:.4rem;-o-border-radius:.4rem;font-size:3.2rem;position:absolute;transform:translate(-2rem);-webkit-transform:translate(-2rem);-moz-transform:translate(-2rem);-ms-transform:translate(-2rem);-o-transform:translate(-2rem)}code,pre{word-wrap:normal;background-color:#1b212a;background-color:var(--color-component-variant1);border-radius:.8rem;-webkit-border-radius:.8rem;-moz-border-radius:.8rem;-ms-border-radius:.8rem;-o-border-radius:.8rem;color:#a9adc1;color:var(--color-text-variant);display:block;font-size:2rem;line-height:2.6rem;overflow:auto;tab-size:2;text-align:left;transition:all .5s ease;transition:var(--transition);-webkit-transition:all .5s ease;-webkit-transition:var(--transition);-moz-transition:all .5s ease;-moz-transition:var(--transition);-ms-transition:all .5s ease;-ms-transition:var(--transition);-o-transition:all .5s ease;-o-transition:var(--transition);white-space:pre;word-break:normal;word-spacing:normal}code{padding:1.6rem 1.4rem 1.4rem}pre .lenguaje svg path{fill:#2e3039;fill:var(--color-component-variant2);font-size:3.2rem}code::selection{background-color:#212933;background-color:var(--color-component)}.table{overflow-x:auto}table{border-collapse:collapse;overflow-x:scroll;width:100%}table tr{border-bottom:2px solid #1b212a;border-bottom:2px solid var(--color-component-variant1);border-top:2px solid #1b212a;border-top:2px solid var(--color-component-variant1)}td,th{padding:1.6rem 1.2rem;text-align:left;vertical-align:top}table th.align-left{width:18rem}.book{margin-bottom:4rem;width:30rem}.book img{border-radius:.8rem;-webkit-border-radius:.8rem;-moz-border-radius:.8rem;-ms-border-radius:.8rem;-o-border-radius:.8rem;max-width:auto;min-width:auto}.recommended-articles{border-top:2px solid #1b212a;border-top:2px solid var(--color-component-variant1);display:flex;flex-direction:row;gap:2rem;padding:4rem 0}.recommended-articles a{width:100%}.frontpage{background-color:#1b212a;background-color:var(--color-component-variant1);border-radius:.8rem;-webkit-border-radius:.8rem;-moz-border-radius:.8rem;-ms-border-radius:.8rem;-o-border-radius:.8rem;height:20rem;width:100%}.aboutMe-container{grid-gap:2rem;display:grid;gap:2rem;grid-auto-flow:row}.aboutInfo{align-items:flex-end;display:flex;flex-direction:row;gap:2rem;padding:0 6rem;transform:translateY(-5rem);-webkit-transform:translateY(-5rem);-moz-transform:translateY(-5rem);-ms-transform:translateY(-5rem);-o-transform:translateY(-5rem)}.aboutInfo img{border:.4rem solid #0d1117;border:.4rem solid var(--color-bg);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;height:16rem;width:16rem}.aboutInfo-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;transform:translateY(-2rem);-webkit-transform:translateY(-2rem);-moz-transform:translateY(-2rem);-ms-transform:translateY(-2rem);-o-transform:translateY(-2rem);width:100%}.aboutInfo-container .biography{display:flex;flex-direction:column;gap:.4rem}.biography h1{font-size:4.8rem}.biography h2{color:#a9adc1;color:var(--color-text-variant);font-size:2rem}.skills-section{grid-gap:2rem;display:grid;gap:2rem;grid-auto-flow:column;margin-top:2rem}.skills-container{grid-gap:2rem;align-content:flex-start;display:grid;gap:2rem;grid-auto-flow:row}.skills{display:flex;flex-wrap:wrap}.skills span,.skills-container h4{font-size:2.8rem;font-weight:600}.skills span{background-color:#212933;background-color:var(--color-component);border-radius:.8rem;-webkit-border-radius:.8rem;-moz-border-radius:.8rem;-ms-border-radius:.8rem;-o-border-radius:.8rem;color:#a9adc1;color:var(--color-text-variant);font-size:1.9rem;margin-bottom:.8rem;margin-right:.8rem;padding:1.6rem 2rem 1.4rem}.data-container{width:100%}.about .aboutMe-section{padding:8rem 6rem 2rem}.about-container h3,.aboutMe-section h3{color:#fff;color:var(--color-text)}.workspace-section{grid-gap:6rem 0;display:grid;gap:6rem 0;grid-template-columns:50% 50%;padding:8rem 6rem 6rem}.workspace-container{display:flex;flex-direction:column;gap:2rem}.workspace-container div{column-gap:4rem;display:flex;flex-wrap:wrap;row-gap:2rem}.workspace-container h3{color:#fff;color:var(--color-text)}.workspace-container ul{display:flex;flex-direction:column;gap:.6rem}.workspace-container ul li{color:#a9adc1;color:var(--color-text-variant)}.workspace-container div div img{background-color:#212933;background-color:var(--color-component);border-radius:.8rem;display:flex;max-width:18rem}.contact-section{grid-gap:2rem;display:grid;gap:2rem;grid-auto-flow:column;grid-template-columns:calc(50% - 2rem) 50%}.contact-container{grid-row-gap:2rem;align-content:flex-start;display:grid;margin-right:2rem;row-gap:2rem}.socials{grid-gap:2.2rem;display:grid;gap:2.2rem;grid-auto-flow:column;justify-content:left;margin-top:2rem}.social-item{align-self:center;display:flex;justify-content:center}.social-link{cursor:pointer;height:2.8rem;width:2.8rem}.social-link svg{height:100%;width:100%}.social-link svg path{fill:#2e3039;fill:var(--color-component-variant2);transition:all .5s ease;transition:var(--transition);-webkit-transition:all .5s ease;-webkit-transition:var(--transition);-moz-transition:all .5s ease;-moz-transition:var(--transition);-ms-transition:all .5s ease;-ms-transition:var(--transition);-o-transition:all .5s ease;-o-transition:var(--transition)}.social-link:hover svg path{fill:#fff;fill:var(--color-text)}.form-container{grid-gap:2rem;display:grid;gap:2rem;grid-auto-flow:row}.contact-section form{grid-gap:2rem;display:grid;flex-direction:column;gap:2rem;grid-template-areas:"name email" "message message" "submit submit";width:100%}.name{grid-gap:1rem;grid-area:name;grid-auto-flow:row}.email,.name{display:grid;gap:1rem}.email{grid-gap:1rem;grid-area:email;grid-auto-flow:row}.message{grid-gap:1rem;align-content:flex-start;display:grid;gap:1rem;grid-area:message;grid-auto-flow:row}.submit{grid-area:submit}input,label,textarea{font-size:1.8rem;font-weight:400}form label{color:#a9adc1;color:var(--color-text-variant);font-weight:500;width:100%}.contact-section form input{background-color:#212933;background-color:var(--color-component);border:none;border-radius:.8rem;-webkit-border-radius:.8rem;-moz-border-radius:.8rem;-ms-border-radius:.8rem;-o-border-radius:.8rem;color:#fff;color:var(--color-text);height:4.4rem;padding:1.2rem 1.6rem;width:100%}.contact-section form input::placeholder{color:#a9adc1;color:var(--color-text-variant)}.contact-section form textarea{background-color:#212933;background-color:var(--color-component);border:none;border-radius:.8rem;-webkit-border-radius:.8rem;-moz-border-radius:.8rem;-ms-border-radius:.8rem;-o-border-radius:.8rem;color:#fff;color:var(--color-text);height:13.8rem;padding:1.2rem 1.6rem;resize:none;width:100%}.contact-section form textarea::placeholder{color:#a9adc1;color:var(--color-text-variant)}.contact-section form input:focus-visible,.contact-section form textarea:focus-visible{outline:none}footer{padding:0 6rem;transition:all .5s ease;transition:var(--transition);-webkit-transition:all .5s ease;-webkit-transition:var(--transition);-moz-transition:all .5s ease;-moz-transition:var(--transition);-ms-transition:all .5s ease;-ms-transition:var(--transition);-o-transition:all .5s ease;-o-transition:var(--transition);width:100%}.footer-container{align-items:center;display:grid;grid-auto-flow:column;justify-content:space-between;padding:4rem 0}@media screen and (max-width:1400px){.frontpage{border-radius:0}.workspace-section{display:grid;grid-template-columns:auto;padding:8rem 6rem 6rem}}@media screen and (max-width:1200px){.article-section{padding:0 6rem}.aboutInfo{align-items:flex-start;flex-direction:column}.aboutInfo-container{align-items:flex-end;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}.contact-section{gap:6rem;grid-auto-flow:row;grid-template-columns:auto}.contact-section form{column-gap:1rem;grid-template-areas:"name email" "message message" "submit submit"}.submit{grid-area:submit;width:max-content}}@media screen and (max-width:1060px){.scroll-to-top.scrollToTopButton{right:.4rem}.blog-container{min-width:auto}.projects-container{display:flex;justify-content:center}}@media screen and (max-width:800px){.skills-section{grid-auto-flow:row}.article,.project{background-color:#212933;background-color:var(--color-component);flex-direction:column}.project{gap:1.2rem}.article img,.project img{width:100%}.colum thead tr th:first-child{display:none}.colum table tbody tr,.colum table thead tr{border-bottom:2px solid #1b212a;border-bottom:2px solid var(--color-component-variant1)}.colum table tbody tr{border-top:none}.colum tbody tr{display:flex;flex-direction:column}.aboutInfo-container{gap:2rem}.about .aboutMe-section{padding:6rem 6rem 3rem}.about .workspace-section{padding:3rem 6rem 6rem}}@media screen and (max-width:600px){.header-section,section{padding:8rem 2rem}hr{width:calc(100% - 4rem)}nav{height:8rem;justify-content:right;padding:2rem}nav .nav-menu{height:120%;left:0;position:fixed;top:120%;transition:all .5s ease;transition:var(--transition);-webkit-transition:all .5s ease;-webkit-transition:var(--transition);-moz-transition:all .5s ease;-moz-transition:var(--transition);-ms-transition:all .5s ease;-ms-transition:var(--transition);-o-transition:all .5s ease;-o-transition:var(--transition);width:100%}nav .nav-menu .nav-menu-item{display:none}nav .nav-menu-mobile{background-color:#0d1117;background-color:var(--color-bg);display:flex;flex-direction:column;height:100%;justify-content:left;left:0;overflow-y:scroll;padding-bottom:8rem;position:fixed;scrollbar-width:none;top:8rem;transition:all .5s ease;transition:var(--transition);-webkit-transition:all .5s ease;-webkit-transition:var(--transition);-moz-transition:all .5s ease;-moz-transition:var(--transition);-ms-transition:all .5s ease;-ms-transition:var(--transition);-o-transition:all .5s ease;-o-transition:var(--transition);width:100%}nav .nav-menu-item{border-bottom:.2rem solid #1b212a;border-bottom:.2rem solid var(--color-component-variant1);display:flex}nav .nav-menu-item:nth-child(3){order:-1}nav .nav-menu-item:nth-child(3) svg{height:8rem}nav .nav-menu-item a{align-self:center;cursor:pointer;font-size:2.8rem;padding:4rem 2rem;transition:all .5s ease;transition:var(--transition);-webkit-transition:all .5s ease;-webkit-transition:var(--transition);-moz-transition:all .5s ease;-moz-transition:var(--transition);-ms-transition:all .5s ease;-ms-transition:var(--transition);-o-transition:all .5s ease;-o-transition:var(--transition);width:100%}nav .nav-menu-item a:hover{background-color:#1b212a;background-color:var(--color-component-variant1)}nav .nav-menu-item a:after{display:none}nav .nav-menu-mobile .nav-menu-item a.active{color:#fff;color:var(--color-text)}.menu{background-color:initial;cursor:pointer;display:block}.menu svg{padding:0}.menu svg path{fill:#fff;fill:var(--color-text)}.header-container h2:before{top:-4.5rem}.blog-section,.projects-section{padding-inline:2rem;transition:all .5s ease;transition:var(--transition);-webkit-transition:all .5s ease;-webkit-transition:var(--transition);-moz-transition:all .5s ease;-moz-transition:var(--transition);-ms-transition:all .5s ease;-ms-transition:var(--transition);-o-transition:all .5s ease;-o-transition:var(--transition)}.project{width:100%}.search-container{min-width:26rem;width:100%}.category-btn{font-size:1.6rem}.blog-container,.projects-container{gap:2rem;padding:0 2rem}.article-section{padding:0 2rem}.article-title{color:#fff;color:var(--color-text);font-size:2.8rem;font-weight:600;line-height:3.2rem}.article-container h1{font-size:4rem}.article-container>.video,.article-container>img{min-width:26rem}table th.align-left{width:100%}.aboutInfo{padding:0 2rem}.about .aboutMe-section{padding:6rem 2rem 3rem}.about .workspace-section{padding:3rem 2rem 6rem}.workspace-container div div img{max-width:none;width:300px}footer{padding:0 2rem}}@media screen and (max-width:400px){.contact-section form{grid-template-areas:"name email" "message message" "submit submit";row-gap:1rem}}@media screen and (max-width:365px){.cta{grid-auto-flow:row;grid-template-columns:1fr;width:100%}}
/*# sourceMappingURL=main.a0d23bf8.css.map*/