.code-snippet{border-radius:6px;display:flex;flex-direction:column;margin:10px 0;overflow:hidden}.code-snippet__header{align-items:center;background-color:rgba(30,41,59,.502);display:flex;justify-content:space-between;padding:5px 10px;width:calc(100% - 20px)}.code-snippet__language{color:#64ffda!important;margin:0!important}.code-snippet__button{align-items:center;background-color:#0a192f;border-radius:4px;color:#ccd6f6;display:flex;padding:5px}.code-snippet__button,.code-snippet__button svg{transition:all .15s ease-in-out}.code-snippet__button:hover{background-color:#64ffda;color:#0a192f}.code-snippet__pre{margin:0!important}.code-snippet__pre code{overflow-wrap:break-word!important;white-space:pre-wrap!important;word-break:break-word!important}.contact__container{max-width:1040px;margin:0 auto;padding:20px 10px;transition:all .15s linear;display:flex;flex-direction:column}@media screen and (min-width:375px){.contact__container{padding:30px 15px}}@media screen and (min-width:425px){.contact__container{padding:30px}}@media screen and (min-width:768px){.contact__container{padding:30px 60px}}@media screen and (min-width:1024px){.contact__container{padding:60px 150px}}.contact__title{align-items:center;color:#ccd6f6;display:flex;font-family:Calibre,Inter,San Francisco,SF Pro Text,-apple-system,system-ui,sans-serif;font-weight:700;transition:all .15s linear}.contact__title span{min-width:max-content}.contact__title span:first-of-type{color:#64ffda;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-weight:100;margin:auto 5px 0 0}@media screen and (min-width:375px){.contact__title span:first-of-type{font-size:18px}}@media screen and (min-width:425px){.contact__title span:first-of-type{font-size:22px}}@media screen and (min-width:768px){.contact__title span:first-of-type{font-size:24px}}.contact__title span:last-of-type{background-color:#495670;height:1px;margin:0 0 0 20px;opacity:.7;width:100%}@media screen and (min-width:375px){.contact__title{font-size:20px}}@media screen and (min-width:425px){.contact__title{font-size:28px}}@media screen and (min-width:768px){.contact__title{font-size:32px}}.contact__side-info{color:#495670;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:16px;font-weight:700;line-height:16px;margin:10px 0 14px auto;transition:all .15s ease-in-out}@media screen and (min-width:425px){.contact__side-info{font-size:24px;line-height:24px;margin:22px 0 22px auto}}@media screen and (min-width:768px){.contact__side-info{font-size:32px;line-height:32px;margin:30px 0 30px auto}}.contact__subtitle{color:#64ffda;font-family:Calibre,Inter,San Francisco,SF Pro Text,-apple-system,system-ui,sans-serif;font-size:20px;font-weight:700;line-height:20px;margin:30px auto 0}@media screen and (min-width:425px){.contact__subtitle{font-size:28px;line-height:28px;margin:40px auto 0}}@media screen and (min-width:768px){.contact__subtitle{font-size:32px;line-height:32px;margin:50px auto 0}}.contact__description{color:#8892b0;font-family:Calibre,Inter,San Francisco,SF Pro Text,-apple-system,system-ui,sans-serif;font-size:12px;line-height:16px;text-align:center;transition:all .15s linear;margin:8px auto 0;max-width:520px;text-align:center!important;width:100%;transition:all .15s ease-in-out}.contact__description b,.contact__description span{color:#ccd6f6;font-weight:700}@media screen and (min-width:425px){.contact__description{font-size:14px;line-height:20px;text-align:center}}@media screen and (min-width:768px){.contact__description{text-align:left}}@media screen and (min-width:1024px){.contact__description{font-size:16px;line-height:22px}}@media screen and (min-width:375px){.contact__description{margin:10px auto 0}}@media screen and (min-width:425px){.contact__description{margin:20px auto 0}}.contact__button{align-items:center;background-color:#0a192f;border-radius:4px;box-shadow:0 2px 1px 0 #64ffda;color:#64ffda;display:flex;font-size:10px;font-weight:400;justify-content:center;letter-spacing:1px;padding:9px 12px;text-align:center;transition:all .12s ease-out;border:0;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;margin:30px auto 0}.contact__button:hover{background-color:#64ffda;box-shadow:0 2px 5px 0 #64ffda;color:#0a192f;transform:translate(10px)}@media screen and (min-width:375px){.contact__button{font-size:14px;letter-spacing:1.5px;padding:12px 16px}}@media screen and (min-width:425px){.contact__button{font-size:14px;letter-spacing:2px;padding:16px 20px}}@media screen and (min-width:768px){.contact__button{font-size:14px;padding:16px 20px}}@media screen and (min-width:1024px){.contact__button{font-size:16px;padding:18px 24px}}.blog{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.blog__image{border-bottom:3px solid #64ffda;overflow:hidden;position:relative;height:500px;width:100%}@media screen and (min-width:1024px){.blog__image{margin:150px 0 0}}.blog__container{max-width:1040px;margin:0 auto;padding:20px 10px;transition:all .15s linear}@media screen and (min-width:375px){.blog__container{padding:30px 15px}}@media screen and (min-width:425px){.blog__container{padding:30px}}@media screen and (min-width:768px){.blog__container{padding:30px 60px}}@media screen and (min-width:1024px){.blog__container{padding:60px 150px}}.blog__title{align-items:center;color:#ccd6f6;display:flex;font-family:Calibre,Inter,San Francisco,SF Pro Text,-apple-system,system-ui,sans-serif;font-size:20px;font-weight:700;transition:all .15s linear}@media screen and (min-width:425px){.blog__title{font-size:28px}}@media screen and (min-width:768px){.blog__title{font-size:32px}}.blog__user{align-items:center;display:flex;justify-content:flex-start;margin:20px 0}.blog__user-image{border-radius:50%;border:5px solid #89d0c2;height:40px;position:relative;overflow:hidden;width:40px}.blog__user-info{align-items:flex-start;display:flex;flex-direction:column;margin:0 0 0 20px}.blog__user-last-updated,.blog__user-username{color:#8892b0;font-family:Calibre,Inter,San Francisco,SF Pro Text,-apple-system,system-ui,sans-serif;font-size:12px;line-height:16px;text-align:center;transition:all .15s linear}.blog__user-last-updated b,.blog__user-last-updated span,.blog__user-username b,.blog__user-username span{color:#ccd6f6;font-weight:700}@media screen and (min-width:425px){.blog__user-last-updated,.blog__user-username{font-size:14px;line-height:20px;text-align:center}}@media screen and (min-width:768px){.blog__user-last-updated,.blog__user-username{text-align:left}}@media screen and (min-width:1024px){.blog__user-last-updated,.blog__user-username{font-size:16px;line-height:22px}}.blog__user-username{display:flex}.blog__user-username a{align-items:center;display:flex;margin:0 0 0 5px}.blog__user-username a,.blog__user-username a span,.blog__user-username a svg{color:#89d0c2;transition:all .12s ease-in-out}.blog__user-username a span{margin:0 5px 0 0}.blog__user-username a:hover{color:#64ffda;text-decoration:underline}.blog__user-username a:hover span,.blog__user-username a:hover svg{color:#64ffda}.blog__content,.blog__content hr{width:auto!important;max-width:auto!important;min-width:auto!important}.blog__content hr{border-color:#495670;margin:30px 0;opacity:.7}.blog__content h1{align-items:center;color:#ccd6f6;display:flex;font-family:Calibre,Inter,San Francisco,SF Pro Text,-apple-system,system-ui,sans-serif;font-size:20px;font-weight:700;transition:all .15s linear}@media screen and (min-width:425px){.blog__content h1{font-size:28px}}@media screen and (min-width:768px){.blog__content h1{font-size:32px}}.blog__content h2{align-items:center;color:#ccd6f6;display:flex;font-family:Calibre,Inter,San Francisco,SF Pro Text,-apple-system,system-ui,sans-serif;font-size:16px;font-weight:700;transition:all .15s linear}@media screen and (min-width:425px){.blog__content h2{font-size:20px}}@media screen and (min-width:768px){.blog__content h2{font-size:26px}}.blog__content h3,.blog__content h4{align-items:center;color:#ccd6f6;display:flex;font-family:Calibre,Inter,San Francisco,SF Pro Text,-apple-system,system-ui,sans-serif;font-size:14px;font-weight:700;transition:all .15s linear}@media screen and (min-width:425px){.blog__content h3,.blog__content h4{font-size:16px}}@media screen and (min-width:768px){.blog__content h3,.blog__content h4{font-size:20px}}.blog__content h1,.blog__content h2,.blog__content h3,.blog__content h4{display:block;margin:20px 0;white-space:2px}.blog__content h1 code,.blog__content h2 code,.blog__content h3 code,.blog__content h4 code{background-color:#8892b0;border-radius:3px;display:inline-block;font-weight:100;color:#0a192f;padding:1px 3px}.blog__content p{color:#8892b0;font-family:Calibre,Inter,San Francisco,SF Pro Text,-apple-system,system-ui,sans-serif;font-size:12px;line-height:16px;text-align:center;transition:all .15s linear;margin:20px 0;width:auto!important;max-width:auto!important;min-width:auto!important}.blog__content p b,.blog__content p span{color:#ccd6f6;font-weight:700}@media screen and (min-width:425px){.blog__content p{font-size:14px;line-height:20px;text-align:center}}@media screen and (min-width:768px){.blog__content p{text-align:left}}@media screen and (min-width:1024px){.blog__content p{font-size:16px;line-height:22px}}.blog__content p code{background-color:#8892b0;border-radius:3px;color:#0a192f;padding:1px 3px}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-100%) scale(.95)}to{opacity:1;transform:translate(-50%,-120%) scale(1)}}.heatmap{position:relative;display:flex;align-items:flex-start;background-color:#0f172a;border-radius:8px;box-shadow:0 0 10px rgba(0,255,200,.05);color:#94a3b8;margin:30px 0;padding:12px 20px;width:calc(100% - 40px)}.heatmap__days{display:flex;flex-direction:column;height:136px;justify-content:space-between;padding:16px 8px 20px}.heatmap__days .heatmap__day-label{align-items:center;color:#53d2b4;display:flex;font-size:12px;height:16px;justify-content:flex-end;text-align:right}.heatmap__scroll{border-radius:8px;overflow-x:scroll;overflow-y:hidden;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#0a1220 transparent}.heatmap__scroll::-webkit-scrollbar{height:8px;background:transparent}.heatmap__scroll::-webkit-scrollbar-track{background:#0b1423;border-radius:8px}.heatmap__scroll::-webkit-scrollbar-thumb{background:#111c2e;border-radius:8px;-webkit-transition:all .25s ease;transition:all .25s ease;box-shadow:0 0 6px rgba(0,0,0,.4)}.heatmap__scroll::-webkit-scrollbar-thumb:hover{background:#133444;box-shadow:0 0 10px rgba(34,211,238,.3)}.heatmap__scroll::-webkit-scrollbar-corner{background:transparent}.heatmap__container{display:flex;gap:4px;padding:16px 0}.heatmap__week{display:flex;flex-direction:column;gap:4px}.heatmap__square{border-radius:4px;cursor:pointer;height:16px;position:relative;transition:transform .2s ease,box-shadow .3s ease;width:16px}.heatmap__square:hover{box-shadow:0 0 8px rgba(34,211,238,.6);transform:scale(1.25);z-index:20}.heatmap__square--level-0{background-color:#162c3d}.heatmap__square--level-1{background-color:#2f947c}.heatmap__square--level-2{background-color:#53d2b4}.heatmap__square--level-3{background-color:#5ae7c6}.heatmap__square--level-4{background-color:#64ffda}.heatmap__tooltip{animation:tooltipFadeIn .25s ease forwards;animation-delay:.05s;position:fixed;background:rgba(15,23,42,.95);border:1px solid rgba(34,211,238,.3);border-radius:6px;box-shadow:0 0 12px rgba(34,211,238,.3);color:#e2e8f0;font-size:12px;padding:6px 10px;opacity:0;pointer-events:none;transform:translate(-50%,-120%);white-space:nowrap;z-index:99999}.heatmap__tooltip strong{color:#64ffda;display:block;margin-top:2px}.job{background-color:rgba(30,41,59,.502);border-radius:8px;box-shadow:0 0 transparent,0 0 transparent,inset 0 1px 0 0 rgba(148,163,184,.1);display:flex;flex-direction:column;justify-content:space-between;margin:10px 0 10px auto;max-width:700px;padding:8px;transition:all .28s cubic-bezier(.55,-.19,.59,1.45)}@media screen and (min-width:768px){.job{background-color:unset;box-shadow:unset;flex-direction:row;padding:20px;margin:0 0 0 auto}.job:hover{background-color:rgba(30,41,59,.502);box-shadow:0 0 transparent,0 0 transparent,inset 0 1px 0 0 rgba(148,163,184,.1);transform:translate(-10px)}.job:hover .job__title h3{color:#64ffda;transform:translate(5px)}.job:hover .job__title h3 span:last-of-type svg{opacity:1;transform:translateX(10px)}.job:hover .job__date p{color:#ccd6f6}.job:hover .job__description ul li p:before{color:#64ffda}}@media screen and (min-width:1024px){.job:hover{transform:translate(-20px)}}.job__date{margin:0 0 10px;min-width:170px;transition:all .15s ease-in-out}@media screen and (min-width:768px){.job__date{margin:0 20px 0 0}}.job__date p{color:#ccd6f6;font-size:16px;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;transition:all .15s ease-in-out;width:max-content}@media screen and (min-width:425px){.job__date p{font-size:22px}}@media screen and (min-width:768px){.job__date p{color:#8892b0;flex-direction:row;font-size:16px}}.job__content{display:flex;flex-direction:column;width:100%}.job__title h3{align-items:center;color:#64ffda;display:flex;margin:0 0 10px;cursor:pointer;transition:all .25s cubic-bezier(.55,-.19,.59,1.45)}@media screen and (min-width:768px){.job__title h3{color:#ccd6f6}}.job__title h3:hover{text-decoration:underline}.job__title h3 span:first-of-type{font-family:Calibre,Inter,San Francisco,SF Pro Text,-apple-system,system-ui,sans-serif;font-size:13px;font-weight:600;line-height:14px}@media screen and (min-width:425px){.job__title h3 span:first-of-type{font-size:18px;line-height:18px}}.job__title h3 span:last-of-type{align-items:center;display:flex;justify-content:center}.job__title h3 span:last-of-type svg{margin:0 0 0 8px;height:20px;transition:opacity .15s ease-in,transform .15s ease-in;width:20px}@media screen and (min-width:768px){.job__title h3 span:last-of-type svg{margin:0;opacity:0;transform:unset;transform:translate(8px)}}.job__subtitle{color:#495670;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:18px;font-weight:600;line-height:18px;margin:0 0 10px;transition:all .15s ease-in-out}.job__description ul{align-items:flex-start;display:flex;flex-direction:column;width:100%}.job__description ul li{display:flex;align-items:flex-end}.job__description ul li p{color:#8892b0;font-family:Calibre,Inter,San Francisco,SF Pro Text,-apple-system,system-ui,sans-serif;font-size:12px;line-height:14px;transition:all .15s ease-in-out}@media screen and (min-width:425px){.job__description ul li p{font-size:14px;line-height:18px}}.job__description ul li p:before{color:#64ffda;content:"•";margin:0 5px 0 0;transition:all .15s ease-in-out;width:2px}@media screen and (min-width:768px){.job__description ul li p:before{color:#8892b0}}.job__button{background-color:transparent;color:#ccd6f6;display:inline;font-family:Calibre,Inter,San Francisco,SF Pro Text,-apple-system,system-ui,sans-serif;margin:0 0 0 auto;transition:all .15s ease-in-out;width:max-content}.job__button:hover{color:#64ffda;text-decoration:underline}.job__skills{align-items:center;display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 0}.job__skill{background-color:rgba(45,212,191,.102);border-radius:25px;padding:5px 8px}.job__skill p{color:#64ffda;font-family:Calibre,Inter,San Francisco,SF Pro Text,-apple-system,system-ui,sans-serif;font-size:11px}@media screen and (min-width:425px){.job__skill p{font-size:13px}.job__skill{padding:7px 14px}}.experience__container{max-width:1040px;margin:0 auto;padding:20px 10px;transition:all .15s linear}@media screen and (min-width:375px){.experience__container{padding:30px 15px}}@media screen and (min-width:425px){.experience__container{padding:30px}}@media screen and (min-width:768px){.experience__container{padding:30px 60px}}@media screen and (min-width:1024px){.experience__container{padding:60px 150px}}.experience__title{align-items:center;color:#ccd6f6;display:flex;font-family:Calibre,Inter,San Francisco,SF Pro Text,-apple-system,system-ui,sans-serif;font-weight:700;transition:all .15s linear;margin:0 0 30px}.experience__title span{min-width:max-content}.experience__title span:first-of-type{color:#64ffda;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-weight:100;margin:auto 5px 0 0}@media screen and (min-width:375px){.experience__title span:first-of-type{font-size:18px}}@media screen and (min-width:425px){.experience__title span:first-of-type{font-size:22px}}@media screen and (min-width:768px){.experience__title span:first-of-type{font-size:24px}}.experience__title span:last-of-type{background-color:#495670;height:1px;margin:0 0 0 20px;opacity:.7;width:100%}@media screen and (min-width:375px){.experience__title{font-size:20px}}@media screen and (min-width:425px){.experience__title{font-size:28px}}@media screen and (min-width:768px){.experience__title{font-size:32px}}.experience__subtitle{align-items:center;color:#ccd6f6;display:flex;font-family:Calibre,Inter,San Francisco,SF Pro Text,-apple-system,system-ui,sans-serif;font-weight:700;transition:all .15s linear;margin:30px 0 0}.experience__subtitle span{min-width:max-content}.experience__subtitle span:first-of-type{color:#64ffda;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-weight:100;margin:auto 5px 0 0}@media screen and (min-width:375px){.experience__subtitle span:first-of-type{font-size:18px}}@media screen and (min-width:425px){.experience__subtitle span:first-of-type{font-size:22px}}@media screen and (min-width:768px){.experience__subtitle span:first-of-type{font-size:24px}}.experience__subtitle span:last-of-type{background-color:#495670;height:1px;margin:0 0 0 20px;opacity:.7;width:100%}@media screen and (min-width:375px){.experience__subtitle{font-size:20px}}@media screen and (min-width:425px){.experience__subtitle{font-size:28px}}@media screen and (min-width:768px){.experience__subtitle{font-size:32px}}.experience__subtitle span:first-of-type{order:2}.experience__subtitle span.experience__line{margin:0 20px 0 0}.experience__description{color:#8892b0;font-family:Calibre,Inter,San Francisco,SF Pro Text,-apple-system,system-ui,sans-serif;font-size:12px;line-height:16px;text-align:center;transition:all .15s linear;margin:20px 0 0;max-width:700px}.experience__description b,.experience__description span{color:#ccd6f6;font-weight:700}@media screen and (min-width:425px){.experience__description{font-size:14px;line-height:20px;text-align:center}}@media screen and (min-width:768px){.experience__description{text-align:left}}@media screen and (min-width:1024px){.experience__description{font-size:16px;line-height:22px}}.experience__list{margin:50px 0 0 auto}