:root{--clr-dark:rgba(12,14,24,.7);--clr-light:hsla(0,0%,100%,.7);--clr-main:#3b83f6;--clr-main-light:rgba(59,131,246,.7);--bg-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='304' height='304'%3E%3Cpath fill='%233b83f6' fill-opacity='0.2' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E");--ss-xs:600px;--ss-sm:768px;--ss-md:992px;--ss-lg:1200px;--ss-xl:1400px}*,:after,:before{box-sizing:border-box}body,figure,h1,h2,h3,h4,h5,picture{margin:0}h2,h3,h4,h5,p{text-shadow:2px 2px 2px #282828}h2,h3,h4,h5,p,span{font-family:var(--main-font)}h3{font-weight:400}p{margin:.5rem}body{color:#fff;background-color:#000;background-image:var(--bg-img);font-family:Ubuntu Mono,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;min-height:100vh;transition-property:opacity,transform;transition-timing-function:ease-in-out;transition-duration:.3s}img,picture{max-width:100%;display:block}button,input,select,textarea{font:inherit}a:visited{color:inherit}.catt{display:flex;justify-content:center;align-items:center;text-align:center}.disabled{opacity:.75;cursor:not-allowed!important;pointer-events:none!important;z-index:0!important}.image-404{display:inline-block;max-width:20rem;position:relative;margin:2rem auto 0;overflow:hidden;border:5px solid #ccc;outline:5px solid #999;box-shadow:0 0 0 10px #494950,0 0 0 15px #1e1e24}pre{display:block;padding:10px;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}.tag-filter{margin:10px auto 20px}.cap-btn{position:relative;display:inline-block;padding:.4rem 1.2rem 0 .6rem;background:#141515;background:radial-gradient(at top right,#141515,#000)!important;font-family:monospace;font-size:1.6rem;font-weight:700;text-transform:uppercase;color:var(--clr-main)!important;cursor:pointer;overflow:hidden;border-radius:10px;border:2px solid transparent;box-shadow:0 4px 0 6px #060606,-1px 6px 6px 6px #000000e6;top:0;transition:all .15s ease-in-out;text-decoration:none}.cap-btn,.cap-btn span{font-family:var(--btn-font)}.ctrlaltpat .cap-btn{margin-right:14px}.cap-btn:active{box-shadow:0 2px 0 6px #060606b5,-1px 4px 6px 6px #055ab530;top:2px}.cap-btn:hover{text-decoration:none!important;border-color:#3b57f6}.cap-btn:focus{box-shadow:0 2px 0 6px #060606b5,-1px 4px 6px 6px #000000e6;outline:none}.cap-btn.disabled{filter:grayscale(100%) opacity(.7)}.cap-btn.active{border-color:var(--clr-main)}.cap-btn.filter-btn{padding:.2rem 1rem 0 .4rem;margin-right:6px;border-radius:6px;font-size:.6rem;border:.5px solid transparent;box-shadow:0 2px 0 2px #060606,-1px 4px 4px 4px #000000e6}.cap-btn.filter-btn:hover{border-color:#3b57f6}.cap-btn.filter-btn.active{border-color:var(--clr-main)}@media (max-width:var(--ss-xs )){.cap-btn{font-size:1.2rem}}.page-transition{opacity:.1;transform:translateY(-10px)}.container{padding-inline:24px;margin-inline:auto;max-width:80rem}main{text-align:center;padding:1em;margin:0 auto}header{position:-webkit-sticky;position:sticky;top:0;padding:10px 0;z-index:49;background-color:var(--clr-dark)}header div{padding-top:5px;display:flex;justify-content:space-between}nav{display:flex;justify-content:space-around}nav a.cap-btn{flex-direction:column;height:50px;margin:5px;font-size:1rem}.footer,nav a.cap-btn{display:flex;justify-content:center}.footer{align-items:center}.footer ul{display:flex;padding:0;gap:10px;list-style:none}.footer ul li{transition:all .5s ease-in-out}.footer ul li a{color:var(--clr-main);display:flex;align-items:center}.footer ul li a svg{height:32px;width:32px}.footer ul li:hover{transform:rotateY(1turn)}.footer ul li:hover a{color:#3b57f6}@media(max-width:768px){.container{padding-inline:16px}main{padding:0}}@media(max-width:600px){header{position:relative;background-color:transparent}header div{justify-content:space-around}header div h1 a.cap-btn{font-size:1rem}header div nav{position:fixed;justify-content:space-around;width:240px;bottom:15px;left:0;right:0;margin:0 auto}header div nav a.cap-btn{height:30px;border-radius:6px;text-align:center;opacity:.8}header div nav a.cap-btn:hover{opacity:1}header div nav a.cap-btn span{display:none}.footer{margin-bottom:50px}.footer ul li a svg{height:24px;width:24px}}h2{margin-bottom:10px;font-size:3rem;font-weight:400;line-height:1;color:var(--clr-main)}.tech-exp{width:100%;height:32px;margin:20px auto;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000,transparent);mask-image:linear-gradient(90deg,transparent,#000,transparent)}.tech-exp-list{display:flex;width:100%;position:relative;min-width:calc(40px*var(--tech-exp-icon-q))}.tech-exp-list div{width:40px;height:32px;position:absolute;left:100%;animation:marquee 20s linear infinite;animation-delay:calc(20s/var(--tech-exp-icon-q)*(var(--tech-exp-icon-p) - 1))}.tech-exp-list div svg{font-size:2rem;color:var(--clr-main);transition:all .5s ease-in-out}.tech-exp-list div svg:hover{transform:rotateY(1turn);color:var(--clr-white)}@keyframes marquee{0%{left:100%}to{left:-40px}}.tech-exp:hover div{animation-play-state:paused}.blog .posts{display:grid;grid-column-gap:10px;column-gap:10px;grid-template-columns:repeat(3,1fr);margin-top:30px}.blog .posts figure{display:flex;position:relative;align-items:center;justify-content:center;height:444px;margin-bottom:10px;-webkit-mask-image:linear-gradient(0deg,rgba(0,0,0,.7),#000);mask-image:linear-gradient(0deg,rgba(0,0,0,.7),#000);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .5s cubic-bezier(.25,.8,.25,1);overflow:hidden}.blog .posts figure h4{position:absolute;top:60px;left:0;padding:10px;color:var(--clr-white);font-size:2.2rem;font-weight:300;line-height:1;opacity:1;transform:scale(1);transition:.5s ease;z-index:20}.blog .posts figure .blog-img-fb{height:100%;width:100%;background-color:#007bff;-webkit-mask-image:linear-gradient(90deg,transparent,#000,transparent);mask-image:linear-gradient(90deg,transparent,#000,transparent)}.blog .posts figure img{height:100%;width:100%;transition:.5s;object-fit:cover}.blog .posts figure figcaption{display:flex;flex-direction:column;position:absolute;bottom:-210%;left:0;width:100%;height:240px;margin:0;padding:10px;background-color:rgba(0,0,0,.7);box-shadow:0 0 20px rgba(0,0,0,.4);color:var(--clr-white);line-height:1;transition:.5s}.blog .posts figure figcaption>span{align-self:flex-end;font-size:.8rem}.blog .posts figure figcaption p{text-align:left;line-height:1.2}.blog .posts figure figcaption p.description{font-size:.9rem}.blog .posts figure figcaption p.excerpt{font-size:.8rem}.blog .posts figure figcaption a.cap-btn{position:absolute;bottom:24px;top:auto;right:10px;padding-bottom:.2rem;margin-bottom:10px;border-radius:6px;box-shadow:0 4px 0 2px #060606,-1px 4px 4px 4px rgba(0,0,0,.902);font-size:.8rem}.blog .posts figure figcaption .tags{position:absolute;bottom:0;width:100%}.blog .posts figure:hover{-webkit-mask-image:none;mask-image:none;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.blog .posts figure:hover h4{opacity:0;transform:scale(.7)}.blog .posts figure:hover img{transform:scale(1.25)}.blog .posts figure:hover figcaption{bottom:0}.blog-post{padding:20px 10px 10px;border-radius:8px;background-color:var(--clr-dark)}.blog-post>article:first-of-type img{display:inline-block;margin:10px 0;max-width:400px;max-height:300px;border-radius:16px}.blog-post>article:first-of-type h3{text-transform:capitalize}.blog-post>article:first-of-type h3 span{text-transform:uppercase}.blog-post article pre{padding:20px}.blog-post article p{text-align:left;line-height:2rem}.blog-post article p img{margin:0 auto}.blog-post .cap-btn{margin:40px}.snippet{font-size:.8rem}.snippet pre{padding:0;margin:0!important}.note{background-color:#f5f5f5;text-align:left;padding:4px}.note em,.note h2,.note h3,.note h4,.note h5,.note li,.note p,.note strong{font-family:var(--hand-font);font-weight:700;color:#555;text-shadow:none;margin:0}.media-items{display:flex;gap:14px;justify-content:center}.media-items .media-col{max-width:25%}.media-items .media-col figure{position:relative;width:100%;max-height:500px;overflow:hidden;margin-bottom:10px;justify-self:center;border:2px solid var(--clr-main);border-radius:18px;background-image:var(--bg-img)}.media-items .media-col figure .top{display:flex;background-color:#1b1b2c;border-radius:16px 16px 0 0;padding:4px}.media-items .media-col figure .top div{display:flex;margin-right:20px;cursor:pointer}.media-items .media-col figure .top div span{display:inline-block;border-radius:100%;height:14px;width:14px;margin:4px 2px;color:transparent;font-family:var(--robo-font);font-size:.5rem;font-weight:700;line-height:1rem}.media-items .media-col figure .top div span:first-child{background-color:#ab58df}.media-items .media-col figure .top div span:nth-child(2){background-color:#3cd6ee}.media-items .media-col figure .top div span:nth-child(3){background-color:var(--clr-main)}.media-items .media-col figure .top div:hover span:nth-child(3){color:var(--clr-dark)}.media-items .media-col figure .top h5{font-weight:400}.media-items .media-col figure .tags{position:absolute;bottom:0;width:100%;background-color:#1b1b2c;border-radius:0 0 16px 16px}.projects h4{color:var(--clr-main);text-transform:uppercase}.projects .project-list{display:flex;flex-direction:column}.tags{display:flex;padding:6px}.tags span{display:inline-block;padding:2px 6px;border-radius:4px;margin-right:4px;background:#191919;color:#4899db;font-size:.6rem;font-weight:700;text-transform:uppercase}.about .intro{display:flex}.about .intro img{border:3px solid var(--clr-main);border-radius:100%;margin:20px}.about .intro div{margin-left:20px;text-align:left}.about h4{margin:40px auto 20px;font-size:1.8rem;font-weight:400;color:var(--clr-main)}.about h5{margin-bottom:10px;font-size:1rem;font-weight:400}.about .bg-vid-fb,.about .bg-video{position:fixed;top:0;right:0;height:100svh;z-index:-1;opacity:.6;-webkit-mask-image:linear-gradient(90deg,transparent,#000 70%);mask-image:linear-gradient(90deg,transparent,#000 70%);pointer-events:none}.about .bg-vid-fb{width:45vw;background-color:#007bff}.about .skills .skills-list{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:4px;column-gap:4px}.about .skills .skills-list article{border-radius:8px;background-color:var(--clr-dark);padding:8px 4px;margin:4px 0;text-align:left}.about .skills .skills-list article h5{text-align:center}.about .skills .skills-list article span{display:inline-block;padding:4px 6px;margin:2px 4px;border-radius:4px;font-size:.8rem}.about .skills .skills-list article span.cexp{border:1px solid var(--clr-main)}.about .profile{margin:40px}.about .profile .work{border:3px solid transparent;border-top:3px solid var(--clr-main);margin:0;padding:40px;position:relative;width:60%}.about .profile .work h5{font-size:1.1rem}.about .profile .work p{margin:0;font-weight:500}.about .profile .work ul{padding:0}.about .profile .work ul li{list-style:none;position:relative;font-family:var(--main-font);font-size:.9rem}.about .profile .work:before{content:"";position:absolute;top:-20px;border-radius:50%;padding:16px;height:1.25em;width:1.25em;border:3px solid var(--clr-main);background-color:#000;text-align:center;line-height:1.25em;font-size:1em}.about .profile .work:nth-of-type(odd){border-right-color:var(--clr-main);padding-left:0;text-align:right}.about .profile .work:nth-of-type(odd) li:after{content:"";position:absolute;top:5px;right:-46px;height:10px;width:10px;border-radius:50%;border:1px solid var(--clr-main);background-color:#000}.about .profile .work:nth-of-type(odd):before{right:98%;margin-left:-17px}.about .profile .work:nth-of-type(2n){border-left-color:var(--clr-main);padding-right:0;text-align:left}.about .profile .work:nth-of-type(2n) li:after{content:"";position:absolute;top:5px;left:-46px;height:10px;width:10px;border-radius:50%;border:1px solid var(--clr-main);background-color:#000}.about .profile .work:nth-of-type(2n):before{right:100%;margin-right:-17px}.about .profile .work:first-child{border-top:0;border-top-right-radius:0;border-top-left-radius:0}.about .profile .work:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.contact form{display:inline-block;width:100%;max-width:800px;padding:20px;border-radius:8px;background-color:var(--clr-dark)}.contact form div .field{display:flex;flex-direction:column;width:100%}.contact form div .field input,.contact form div .field label,.contact form div .field textarea{font-family:var(--main-font)}.contact form div .field input,.contact form div .field textarea{border:2px solid var(--clr-main);border-radius:4px;padding:2px 6px}.contact form div .field label{text-align:left}.contact form div .field p{color:#e42929;min-height:24px}.contact form div .field textarea{min-height:200px;resize:vertical}.contact form div .field input::placeholder,.contact form div .field textarea::placeholder{font-size:.8rem;font-weight:500}.contact form div.info{display:flex;justify-content:space-between}.contact form div.info .field:nth-child(2){margin-left:10px}.contact form p{color:#e42929}.loader{display:inline-block;width:200px;height:200px;color:var(--clr-main);font-family:var(--main-font);background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><circle fill="%233B83F6" stroke="%233B83F6" stroke-width="7" r="15" cx="40" cy="65"><animate attributeName="cy" calcMode="spline" dur="2" values="65;135;65;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="-.4"></animate></circle><circle fill="%233B83F6" stroke="%233B83F6" stroke-width="7" r="15" cx="100" cy="65"><animate attributeName="cy" calcMode="spline" dur="2" values="65;135;65;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="-.2"></animate></circle><circle fill="%233B83F6" stroke="%233B83F6" stroke-width="7" r="15" cx="160" cy="65"><animate attributeName="cy" calcMode="spline" dur="2" values="65;135;65;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="0"></animate></circle></svg>')}.debug{border:2px solid red}@media(max-width:1200px){.media-items .media-col{max-width:33%}.about .skills .skills-list,.blog .posts{grid-template-columns:repeat(2,1fr)}}@media(max-width:992px){.media-items .media-col{max-width:50%}.blog .posts{grid-template-columns:repeat(1,1fr)}}@media(max-width:768px){.tech-exp{height:23px}.tech-exp-list div svg{font-size:1.4rem}.blog .posts figure{height:344px}.blog .posts figure h4{font-size:1.8rem}.blog-post h2{font-size:2rem}.blog-post article:first-of-type img{max-width:100%}.media-items{flex-direction:column;align-items:center}.media-items .media-col{max-width:80%}.about h4{margin:20px auto}.about .intro{flex-direction:column;align-items:center}.about .intro div{margin:0 auto}.about .intro div h3,.about .intro div p{text-align:center}.about .profile{margin:20px}.about .profile .work{width:100%;padding:20px}.about .profile .work:nth-of-type(odd) li:after{right:-26px}.about .profile .work:nth-of-type(2n) li:after{left:-26px}}@media(max-width:600px){h2{font-size:2.4rem}h3{font-size:1.2rem}.about .skills .skills-list{grid-template-columns:repeat(1,1fr)}.about .skills .skills-list article{text-align:center}.contact form div.info{flex-direction:column}.contact form div.info .field:nth-child(2){margin-left:0}}@media(max-width:480px){.media-items .media-col{max-width:90%}}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/3f69592b2fe603c7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/6325a8417175c41d-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/021bc4481ed92ece-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/99b7f73d5af7c3e2-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4f05ba3a6752a328-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Montserrat Fallback;src:local("Arial");ascent-override:85.79%;descent-override:22.25%;line-gap-override:0.00%;size-adjust:112.83%}.__className_4bc053{font-family:Montserrat,Montserrat Fallback;font-style:normal}.__variable_4bc053{--main-font:"Montserrat","Montserrat Fallback"}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(/_next/static/media/b3bffc71fa0a377b-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(/_next/static/media/cee8fe4127b50ae1-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(/_next/static/media/ca803286e0c57cd2-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(/_next/static/media/367a15bb6bae0c19-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(/_next/static/media/4ec3c795873eb59c-s.woff2) format("woff2");unicode-range:u+0302-0303,u+0305,u+0307-0308,u+0310,u+0312,u+0315,u+031a,u+0326-0327,u+032c,u+032f-0330,u+0332-0333,u+0338,u+033a,u+0346,u+034d,u+0391-03a1,u+03a3-03a9,u+03b1-03c9,u+03d1,u+03d5-03d6,u+03f0-03f1,u+03f4-03f5,u+2016-2017,u+2034-2038,u+203c,u+2040,u+2043,u+2047,u+2050,u+2057,u+205f,u+2070-2071,u+2074-208e,u+2090-209c,u+20d0-20dc,u+20e1,u+20e5-20ef,u+2100-2112,u+2114-2115,u+2117-2121,u+2123-214f,u+2190,u+2192,u+2194-21ae,u+21b0-21e5,u+21f1-21f2,u+21f4-2211,u+2213-2214,u+2216-22ff,u+2308-230b,u+2310,u+2319,u+231c-2321,u+2336-237a,u+237c,u+2395,u+239b-23b7,u+23d0,u+23dc-23e1,u+2474-2475,u+25af,u+25b3,u+25b7,u+25bd,u+25c1,u+25ca,u+25cc,u+25fb,u+266d-266f,u+27c0-27ff,u+2900-2aff,u+2b0e-2b11,u+2b30-2b4c,u+2bfe,u+3030,u+ff5b,u+ff5d,u+1d400-1d7ff,u+1ee??}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(/_next/static/media/18ef23ee32438eb0-s.woff2) format("woff2");unicode-range:u+0001-000c,u+000e-001f,u+007f-009f,u+20dd-20e0,u+20e2-20e4,u+2150-218f,u+2190,u+2192,u+2194-2199,u+21af,u+21e6-21f0,u+21f3,u+2218-2219,u+2299,u+22c4-22c6,u+2300-243f,u+2440-244a,u+2460-24ff,u+25a0-27bf,u+28??,u+2921-2922,u+2981,u+29bf,u+29eb,u+2b??,u+4dc0-4dff,u+fff9-fffb,u+10140-1018e,u+10190-1019c,u+101a0,u+101d0-101fd,u+102e0-102fb,u+10e60-10e7e,u+1d2c0-1d2d3,u+1d2e0-1d37f,u+1f0??,u+1f100-1f1ad,u+1f1e6-1f1ff,u+1f30d-1f30f,u+1f315,u+1f31c,u+1f31e,u+1f320-1f32c,u+1f336,u+1f378,u+1f37d,u+1f382,u+1f393-1f39f,u+1f3a7-1f3a8,u+1f3ac-1f3af,u+1f3c2,u+1f3c4-1f3c6,u+1f3ca-1f3ce,u+1f3d4-1f3e0,u+1f3ed,u+1f3f1-1f3f3,u+1f3f5-1f3f7,u+1f408,u+1f415,u+1f41f,u+1f426,u+1f43f,u+1f441-1f442,u+1f444,u+1f446-1f449,u+1f44c-1f44e,u+1f453,u+1f46a,u+1f47d,u+1f4a3,u+1f4b0,u+1f4b3,u+1f4b9,u+1f4bb,u+1f4bf,u+1f4c8-1f4cb,u+1f4d6,u+1f4da,u+1f4df,u+1f4e3-1f4e6,u+1f4ea-1f4ed,u+1f4f7,u+1f4f9-1f4fb,u+1f4fd-1f4fe,u+1f503,u+1f507-1f50b,u+1f50d,u+1f512-1f513,u+1f53e-1f54a,u+1f54f-1f5fa,u+1f610,u+1f650-1f67f,u+1f687,u+1f68d,u+1f691,u+1f694,u+1f698,u+1f6ad,u+1f6b2,u+1f6b9-1f6ba,u+1f6bc,u+1f6c6-1f6cf,u+1f6d3-1f6d7,u+1f6e0-1f6ea,u+1f6f0-1f6f3,u+1f6f7-1f6fc,u+1f7??,u+1f800-1f80b,u+1f810-1f847,u+1f850-1f859,u+1f860-1f887,u+1f890-1f8ad,u+1f8b0-1f8bb,u+1f8c0-1f8c1,u+1f900-1f90b,u+1f93b,u+1f946,u+1f984,u+1f996,u+1f9e9,u+1fa00-1fa6f,u+1fa70-1fa7c,u+1fa80-1fa89,u+1fa8f-1fac6,u+1face-1fadc,u+1fadf-1fae9,u+1faf0-1faf8,u+1fb??}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(/_next/static/media/0f765d3c07edcacc-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(/_next/static/media/a467f0d377f9b073-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(/_next/static/media/4b2a774852d1c06b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Roboto Fallback;src:local("Arial");ascent-override:92.98%;descent-override:24.47%;line-gap-override:0.00%;size-adjust:99.78%}.__className_febfbb{font-family:Roboto,Roboto Fallback;font-weight:300;font-style:normal}.__variable_febfbb{--btn-font:"Roboto","Roboto Fallback"}@font-face{font-family:Handlee;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/420908549fc4652d-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Handlee Fallback;src:local("Arial");ascent-override:103.58%;descent-override:44.47%;line-gap-override:0.00%;size-adjust:90.17%}.__className_365d86{font-family:Handlee,Handlee Fallback;font-weight:400;font-style:normal}.__variable_365d86{--hand-font:"Handlee","Handlee Fallback"}