.toggle-darkmode{align-items:center;gap:5px;display:flex}.toggle-darkmode .switch{width:42px;height:24px;display:inline-block;position:relative}.toggle-darkmode .switch input{display:none}.toggle-darkmode .slider{cursor:pointer;background-color:#e0dede;transition:all .4s;position:absolute;inset:0}.toggle-darkmode .slider:before{content:"";background-color:#f4f4f4;width:16px;height:16px;transition:all .4s;position:absolute;bottom:4px;left:4px}.toggle-darkmode input:checked+.slider{background-color:#3178c6}.toggle-darkmode input:checked+.slider:before{transform:translate(18px)}.toggle-darkmode .slider.round{border-radius:34px}.toggle-darkmode .slider.round:before{border-radius:50%}
.header__hamburger-wrapper{gap:20px;display:flex}.header__hamburger-blog-link{opacity:0;transition:opacity .1s;display:none}@media (min-width:768px){.header__hamburger-blog-link{display:block}}.header__hamburger-blog-link--isVisible{opacity:1}.header__hamburger{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.header__hamburger--isOpen .header__hamburger-line:before,.header__hamburger--isOpen .header__hamburger-line:after{border-color:#5332f9}.header__hamburger--isOpen .header__hamburger-line{border:none}.header__hamburger--isOpen .header__hamburger-line:before{top:-1px;transform:rotate(-45deg)}.header__hamburger--isOpen .header__hamburger-line:after{bottom:-1px;transform:rotate(45deg)}.header__hamburger-line{position:relative}.header__hamburger-line,.header__hamburger-line:before,.header__hamburger-line:after{background-color:#1f1f1f;border-bottom:3px solid;border-radius:20px;width:20px}.header__hamburger-line:before,.header__hamburger-line:after{content:"";transition:transform .2s;position:absolute;left:0}.header__hamburger-line:before{top:6px}.header__hamburger-line:after{bottom:4px}.header{z-index:100;position:sticky;top:0}@media (min-width:768px){.header{position:static}}.header__nav,.header__menu,.header__logo{display:flex}.header__nav{padding-left:18px;padding-right:18px}@media (min-width:768px){.header__nav{padding-left:30px;padding-right:30px}}@media (min-width:900px){.header__nav{padding-left:40px;padding-right:40px}}@media (min-width:1400px){.header__nav{padding-left:50px;padding-right:50px}}.header__nav{background-color:#f4f4f4;justify-content:space-between;gap:30px;padding-top:20px;padding-bottom:20px;transition:background-color .2s}@media (min-width:900px){.header__nav{gap:80px;padding-top:40px;padding-bottom:40px}}.header__logo{align-items:center;width:100%;max-width:160px}@media (min-width:768px){.header__logo{max-width:200px}}.header__menu{opacity:0;pointer-events:none;z-index:99;background-color:#f4f4f4;flex-direction:column;align-items:center;width:45%;height:100vh;margin:50px 0;padding-top:50px;transition:width .6s,opacity .7s;position:absolute;top:0;left:0}@media (min-width:768px){.header__menu{background-color:#0000;flex-direction:row;height:auto;margin:0;padding-top:0;position:static}}@media (min-width:900px){.header__menu{width:20%}}.header__menu-item{color:#1f1f1f;font-size:1.33333rem;font-family:var(--font-catamaran),sans-serif;padding:5px 0;font-weight:800}@media (min-width:768px){.header__menu-item{padding:0 20px;font-size:1.2rem}}.header__menu-item:first-child{padding-left:0}.header__menu--isOpen{opacity:1;pointer-events:auto;width:100%}
.footer{padding-left:18px;padding-right:18px}@media (min-width:768px){.footer{padding-left:30px;padding-right:30px}}@media (min-width:900px){.footer{padding-left:40px;padding-right:40px}}@media (min-width:1400px){.footer{padding-left:50px;padding-right:50px}}.footer{text-align:center;padding-top:20px;padding-bottom:25px}.footer__page-views{opacity:0;height:18px;transition:transform .8s .5s,opacity .5s .5s;transform:translateY(10px)}.footer__page-views--isLoaded{opacity:1;transform:translateY(0)}
.sidebar{gap:15px;padding:9px 18px;display:flex}@media (min-width:768px){.sidebar{gap:0;padding:30px;display:block}}@media (min-width:900px){.sidebar{padding:40px}}.sidebar__image{border-radius:50%;width:50%;height:100%}@media (min-width:480px){.sidebar__image{width:200px;height:200px}}.sidebar__wrapper{width:50%}@media (min-width:480px){.sidebar__wrapper{width:auto}}.sidebar__list{color:#1f1f1f;flex-direction:column;gap:5px 0;display:flex}@media (min-width:768px){.sidebar__list{margin-top:30px}}@media (min-width:900px){.sidebar__list{margin-top:40px}}.sidebar__techlist{flex-wrap:wrap;gap:5px;max-width:150px;margin-top:10px;display:flex}@media (min-width:768px){.sidebar__techlist{gap:10px 15px;max-width:200px}}.sidebar__techlist-icon>img{width:20px;height:20px}@media (min-width:480px){.sidebar__techlist-icon>img{width:25px;height:25px}}
body.dark{color:#e0dede;background-color:#282828}body.dark h1,body.dark h2,body.dark h3,body.dark h4,body.dark h5,body.dark strong,body.dark nav,body.dark .header__hamburger-line,body.dark .sidebar__list-item,body.dark .header__menu,body.dark .header__menu-item>a,body.dark .header__hamburger-wrapper a,body.dark .single-post__meta-date,body.dark .single-post__meta-category,body.dark .footer__page-views,body.dark .post{color:#e0dede;background-color:#0000}body.dark .timeline__list-item:last-child{color:#e0dede;background-color:#282828}body.dark .header__nav{background-color:#282828}@media (max-width:768px){body.dark .header__menu{background-color:#282828}}body.dark .link-hover--accent,body.dark .link-hover--accent-thin{background-color:#3178c6}body.dark .header__hamburger-line{color:#3178c6}body.dark .header__hamburger-line:after,body.dark .header__hamburger-line:before{border-color:#3178c6}body.dark input,body.dark textarea{background-color:#e0dede}body.dark .tools-list li::marker{color:#3178c6}body.dark li::marker{color:#3178c6}body.dark .highlight,body.dark .single-post a{color:#3178c6}body.dark .post__list .post{box-shadow:none}body.dark .timeline__line:after{border-color:#3178c6}body.dark .timeline__line:before{border-right:4px solid #282828}body.dark .timeline__list-item:before{background-color:#3178c6;border-top:5px solid #282828;border-bottom:5px solid #282828}body.dark .contact__form-button,body.dark .header__hamburger-blog-link,body.dark .link-hover--accent,body.dark .link-hover--accent-thin{color:#3178c6;background-color:#0000}body.dark .contact__form-button:after,body.dark .header__hamburger-blog-link:after,body.dark .link-hover--accent:after,body.dark .link-hover--accent-thin:after{background-color:#3178c6}html{scroll-behavior:smooth;scroll-padding-top:40px;font-size:14px}@media (min-width:768px){html{font-size:15px}}body{color:#4f5354;font-family:var(--font-alef),sans-serif;background-color:#f4f4f4;margin:0;transition:background-color .2s}html,body{overflow-x:clip}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5{color:#1f1f1f;font-family:var(--font-catamaran),sans-serif;font-weight:800}h1,.h1{margin:30px 0;font-size:2.8rem;line-height:3.5rem}@media (min-width:768px){h1,.h1{margin:40px 0}}h2,.h2{font-size:1.4rem}h3,.h3{font-size:1.2rem}h4,.h4{font-size:1.06667rem}h5,.h5{font-size:.933333rem}a{color:inherit;text-decoration:none}a:focus{outline-offset:3px;outline-width:1px;outline-color:#5332f9}ul,menu{margin:0;padding:0;list-style:none}button{cursor:pointer;background-color:#0000;border:none;padding:0}button:disabled{cursor:auto;opacity:.5;transition:opacity .5s}input,textarea,button{box-sizing:border-box;font-family:var(--font-catamaran),sans-serif;font-size:1rem}input:focus,textarea:focus,button:focus{outline-color:#5332f9}strong{color:#1f1f1f}.document-scroll--disabled{overflow:hidden}.highlight{color:#5332f9;font-weight:800}.link--active .link-hover--accent:after,.link--active .link-hover--accent-thin:after{width:100%}.link-hover--accent,.link-hover--accent-thin{position:relative}.link-hover--accent:after,.link-hover--accent-thin:after{content:"";background-color:#5332f9;width:0;height:2px;transition:width .2s ease-in-out;position:absolute;bottom:0;left:0}.link-hover--accent:hover:after,.link-hover--accent-thin:hover:after,.link-hover--accent:focus:after,.link-hover--accent-thin:focus:after{width:100%}.link-hover--accent:focus,.link-hover--accent-thin:focus{outline-offset:4px}.link-hover--accent:disabled:hover:after,.link-hover--accent-thin:disabled:hover:after,.link-hover--accent:disabled:focus:after,.link-hover--accent-thin:disabled:focus:after{width:0}.link-hover--accent-thin:after{height:1px}.link-hover--accent-thin:focus{outline-offset:2px}section:last-child{margin-bottom:30px}section:not(:last-child){margin-bottom:80px;scroll-margin-top:40px;position:relative}section:not(:last-child):after{content:"";background-color:#1f1f1f;border-bottom:1px solid;width:70%;position:absolute;bottom:-41px}
.page-container{border-radius:4px;max-width:1000px;margin:0 auto}@media (min-width:1000px){.page-container{margin:30px auto;box-shadow:12px 10px 61px -8px #0000004a}}.content-layout{flex-direction:column;display:flex}@media (min-width:768px){.content-layout{flex-direction:row}}.main-content{padding-left:18px;padding-right:18px}@media (min-width:768px){.main-content{padding-left:30px;padding-right:30px}}@media (min-width:900px){.main-content{padding-left:40px;padding-right:40px}}@media (min-width:1400px){.main-content{padding-left:50px;padding-right:50px}}.main-content{min-height:calc(100vh - 300px)}@media (min-width:768px){.main-content{width:100%}}
@font-face{font-family:Alef;font-style:normal;font-weight:400;font-display:swap;src:url(../media/f2e9218cd42ca707-s.dda428e0.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Alef;font-style:normal;font-weight:400;font-display:swap;src:url(../media/4beee4c7e809bc53-s.p.76313d54.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Alef;font-style:normal;font-weight:700;font-display:swap;src:url(../media/ffcb53c2162d801c-s.aa5ddd2c.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Alef;font-style:normal;font-weight:700;font-display:swap;src:url(../media/c3642fe7fb8af206-s.p.ae6e2967.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Alef Fallback;src:local(Arial);ascent-override:97.92%;descent-override:34.2%;line-gap-override:0.0%;size-adjust:103.07%}.alef_ae861727-module__mUweva__className{font-family:Alef,Alef Fallback;font-style:normal}.alef_ae861727-module__mUweva__variable{--font-alef:"Alef","Alef Fallback"}
@font-face{font-family:Catamaran;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e8d3ac671691fd8a-s.6c5765d3.woff2)format("woff2");unicode-range:U+964-965,U+B82-BFA,U+200C-200D,U+20B9,U+25CC}@font-face{font-family:Catamaran;font-style:normal;font-weight:600;font-display:swap;src:url(../media/34fa6ebd1d18e29e-s.9203425f.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Catamaran;font-style:normal;font-weight:600;font-display:swap;src:url(../media/83459a130389a713-s.p.d10ff594.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Catamaran;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e8d3ac671691fd8a-s.6c5765d3.woff2)format("woff2");unicode-range:U+964-965,U+B82-BFA,U+200C-200D,U+20B9,U+25CC}@font-face{font-family:Catamaran;font-style:normal;font-weight:700;font-display:swap;src:url(../media/34fa6ebd1d18e29e-s.9203425f.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Catamaran;font-style:normal;font-weight:700;font-display:swap;src:url(../media/83459a130389a713-s.p.d10ff594.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Catamaran;font-style:normal;font-weight:800;font-display:swap;src:url(../media/e8d3ac671691fd8a-s.6c5765d3.woff2)format("woff2");unicode-range:U+964-965,U+B82-BFA,U+200C-200D,U+20B9,U+25CC}@font-face{font-family:Catamaran;font-style:normal;font-weight:800;font-display:swap;src:url(../media/34fa6ebd1d18e29e-s.9203425f.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Catamaran;font-style:normal;font-weight:800;font-display:swap;src:url(../media/83459a130389a713-s.p.d10ff594.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Catamaran Fallback;src:local(Arial);ascent-override:119.31%;descent-override:58.57%;line-gap-override:0.0%;size-adjust:92.19%}.catamaran_7ecacf35-module__N0Cy9q__className{font-family:Catamaran,Catamaran Fallback;font-style:normal}.catamaran_7ecacf35-module__N0Cy9q__variable{--font-catamaran:"Catamaran","Catamaran Fallback"}