@-webkit-keyframes a{0%{opacity:0}to{opacity:1}}@keyframes a{0%{opacity:0}to{opacity:1}}@-webkit-keyframes b{0%{-webkit-box-shadow:0 0 0 0 rgba(33,131,88,.7);box-shadow:0 0 0 0 rgba(33,131,88,.7)}70%{-webkit-box-shadow:0 0 0 15px transparent;box-shadow:0 0 0 15px transparent}to{-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent}}@keyframes b{0%{-webkit-box-shadow:0 0 0 0 rgba(33,131,88,.7);box-shadow:0 0 0 0 rgba(33,131,88,.7)}70%{-webkit-box-shadow:0 0 0 15px transparent;box-shadow:0 0 0 15px transparent}to{-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(Inter.d96b9e3cfc.woff) format("woff")}@font-face{font-family:Code Mono;font-style:normal;font-weight:400;font-display:swap;src:url(CodeMono.504f3d86ba.woff) format("woff")}@font-face{font-family:Manrope;font-weight:100 900;font-display:swap;font-style:normal;src:url(Manrope.vf.0b581c954e.woff2) format("woff2")}*{outline-color:#ff7e44!important}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}::-webkit-scrollbar{width:0!important;height:0!important;background:0 0!important}::-moz-selection{background:rgba(148,163,184,.1)}::selection{background:rgba(148,163,184,.1)}html{margin:0;font-size:100%;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;position:relative}body,h1,h2,h3,h4,h5,h6{color:#2d3748;position:relative}body,html{height:100vh;padding:0;left:0;top:0;width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:18px;font-weight:400;letter-spacing:-.32px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:32px;word-break:break-word;background-color:#fff}a{color:#2d3748;text-decoration:none}.no-transition,.no-transition *{-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.projects .project__caption img,article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}h1,h2,h3,h4,h5,h6{font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.2;font-weight:800;scroll-margin-top:35px}h1,h2,h3,h4,h5,h6,p{margin-top:0;margin-bottom:0}b,strong{font-weight:600}ul{padding:0}.post__content .further-reading ul,body,figure,ul{margin:0}table{width:100%;border-collapse:collapse;border-spacing:0}button,input,textarea{padding:0;font:inherit;background:0 0;border:0;-webkit-appearance:none}input,textarea{outline:0}button,input[type=button],input[type=submit]{cursor:pointer}input:-webkit-autofill,textarea:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 50px #fff;box-shadow:inset 0 0 0 50px #fff}img{display:block;max-width:100%;height:auto;margin:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;pointer-events:none}.container,.row [class^=col]{padding-right:15px;padding-left:15px}.container{max-width:1000px;margin:0 auto;width:100%}.row{margin-right:-15px;margin-left:-15px}.row [class^=col]{float:left}.row:after{content:"";display:table;clear:both}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{width:100%}.button{display:inline-block;text-align:center;min-width:140px;padding:16px 32px;background-color:transparent;color:#fff;-webkit-transition:color .2s ease-out,background .2s ease-out,border .2s ease-out;-o-transition:color .2s ease-out,background .2s ease-out,border .2s ease-out;transition:color .2s ease-out,background .2s ease-out,border .2s ease-out;text-decoration:none;white-space:nowrap;line-height:normal;border:1px solid transparent;border-radius:6px;z-index:1;position:relative}body:not(.home) .main{min-height:calc(100vh - 60px - 60px);padding:15px}body:not(.home) .footer,body:not(.home) .main{position:relative;max-width:750px;margin-left:auto;margin-right:auto}body:not(.home) .footer .container{padding:0}.page__header{margin-bottom:40px}.page__header h1{font-size:32px}.post__content dl{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0}.entry{position:relative;background:#fff;border-radius:6px;opacity:1}.entry:not(:last-of-type){margin-bottom:64px}.entry__content{margin-top:8px;font-size:16px;line-height:1.625;overflow:hidden;display:-webkit-box;color:#626d83}.entry__title,.post__content a.anchor,.post__content a.anchor svg{-webkit-transition:color .2s ease-out;-o-transition:color .2s ease-out;transition:color .2s ease-out}.entry__footer{color:#626d83;font-size:13px}.entry__link{position:absolute;left:0;right:0;top:0;bottom:0}.post__header{margin-top:24px;margin-bottom:32px}.blog .entry__title{margin-bottom:20px;font-size:28px;min-height:unset}.breadcrumb{font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;font-weight:500;margin-top:24px;letter-spacing:-.12px}.breadcrumb .breadcrumb__item{color:#626d83;-webkit-transition:color .25s ease;-o-transition:color .25s ease;transition:color .25s ease}.breadcrumb .breadcrumb__separator{margin-right:6px;margin-left:6px;color:#cbd5e1}.page-title{font-size:36px;margin-top:24px;margin-bottom:48px}.home .entry__title{font-size:20px}.single .post__title{font-size:36px;margin:24px 0 10px;min-height:44px}.post__meta{color:#8b9cac;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.post__content{color:#626d83;font-size:16px;line-height:1.7}.post__content h1{margin-top:40px}.post__content h2{margin-top:48px;margin-bottom:24px}.post__content h3,.post__content h4,.post__content h5,.post__content h6{margin-top:32px;margin-bottom:12px}.post__content a{-webkit-transition:color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;-o-transition:color .2s ease-in-out,box-shadow .2s ease-in-out;transition:color .2s ease-in-out,box-shadow .2s ease-in-out;transition:color .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;-webkit-box-shadow:inset 0 -2px 0 #0062ff;box-shadow:inset 0 -2px 0 #0062ff}.post__content a code{margin-left:0;margin-right:0;border-radius:0;-webkit-box-shadow:inset 0 -1px 0 #2d3748;box-shadow:inset 0 -1px 0 #2d3748}.post__content a.anchor{position:absolute;top:0;left:0;-webkit-transform:translateX(-80%);-ms-transform:translateX(-80%);transform:translateX(-80%);visibility:hidden;opacity:0;padding-right:16px;-webkit-box-shadow:none;box-shadow:none;color:#0062ff!important}.post__content a.anchor svg{width:22px;height:22px;vertical-align:middle;margin-top:-4px;color:#cbd5e1}.post__content a.anchor svg:hover{color:#0062ff}.post__content .lazyload__wrapper,.post__content p{margin-bottom:25px}.post__content ol,.post__content ul{margin-top:40px;margin-bottom:40px;color:#2d3748;padding-left:20px}.post__content ul{list-style:none}.post__content li{color:#626d83;margin-top:6px;position:relative}.post__content li:after{content:"";display:block;width:4px;height:4px;background-color:#cbd5e1;border-radius:50%;position:absolute;top:10px;left:-14px}.post__content li p{margin-bottom:0}.post__content dt{width:25%;font-weight:600}.post__content dd{width:75%;margin-left:0;padding-left:10px}.post__content dd~dd,.post__content dt~dt{margin-top:10px}.post__content h1,.post__content pre,.post__content table{margin-bottom:32px}.post__content table th{min-width:80px;padding:12px 8px;line-height:1.5;border-bottom:1px solid #eee;font-size:14px;text-align:left}.post__content pre{position:relative;margin-left:0;margin-right:0;border:1px solid #e7ebf0;border-radius:6px;z-index:0}.post__content ul pre{margin-left:-30px}.post__content code{margin-left:4px;margin-right:4px;padding:4px 6px;font-family:Code Mono,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;font-size:14px;background:#fafbfd;border-radius:3px}.post__content pre code{display:block;margin-left:0;margin-right:0;padding:20px;background:0 0;border-radius:0;line-height:1.5}.post__content code:not([class*=language-]){white-space:pre-wrap;padding:2px 4px;line-height:normal;margin:0;color:#0062ff}.post__content code:not([class*=language-]):after,.post__content code:not([class*=language-]):before{content:"`"}.post__content blockquote{margin:0;padding:0 0 0 24px;border-left:3px solid #cbd5e1}.footer,.post__content blockquote p{color:#8b9cac;font-size:16px}.post__content hr{height:1px;margin-top:56px;margin-bottom:56px;background:rgba(0,0,0,.16);border-top:0;border-bottom:0}.post__content iframe{max-width:100%}.post__content .further-reading{padding:28px;border-radius:6px;margin-top:48px;background-color:#fafbfd}.post__content .further-reading h3{margin-top:0;margin-bottom:24px}.post__content .do,.post__content .dont{position:relative;padding-left:26px}.post__content .do:after,.post__content .dont:after{position:absolute;top:2px;left:0;width:16px;height:16px}.post__content .do:before,.post__content .dont:before{content:"";width:1px;height:calc(100% - 12px);position:absolute;top:24px;left:8px;border-radius:9999px}.post__content .do:before{background:rgba(45,212,191,.2)}.post__content .dont:before{background:rgba(251,113,133,.2)}.post__content .do:after{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%232DD4BF'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4 8.5l2.333 2.333L12.167 5'/%3E%3C/svg%3E")}.post__content .dont:after{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23FB7185'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5 11l6-6M5 5l6 6'/%3E%3C/svg%3E")}.footer{font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:500;margin-left:auto;margin-right:auto;padding:48px 15px 32px;font-size:14px;line-height:24px;letter-spacing:-.12px}.footer .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.intro,.not-found{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.not-found{position:absolute;left:0;right:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:80%}.not-found .error-message{text-align:center;max-width:290px;margin:0 auto}.not-found .error-message>h1{font-size:29px;margin-bottom:16px}.not-found .error-message>p{color:#626d83;font-size:16px;line-height:24px}.intro{height:80vh}.intro .intro__title{display:block;font-weight:800;font-size:28px;color:#2d3748;line-height:38px;margin-top:38px;max-width:468px}.intro__avatar,.intro__avatar img{width:64px;height:64px}.intro__avatar img{border-radius:50%;overflow:hidden}.intro .intro__description{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;display:block;font-size:16px;line-height:1.625;position:relative;color:#626d83;font-weight:400;max-width:672px;margin-top:24px}.intro__links{max-width:332px;margin-top:32px;line-height:10px!important}.intro__links .intro__link{font-size:14px;color:#8b9cac;-webkit-transition:color .2s ease-out,background .2s ease-out,opacity .2s ease-out;-o-transition:color .2s ease-out,background .2s ease-out,opacity .2s ease-out;transition:color .2s ease-out,background .2s ease-out,opacity .2s ease-out}.intro__links .intro__link:not(:last-of-type){margin-right:12px}.projects{padding:0 0 100px}.projects .row .col{width:100%;float:none}.projects .section__description{margin-top:0;font-size:16px;color:#626d83}.projects .section__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:48px}.projects .project{position:relative;overflow:hidden;padding:15px;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease;will-change:transform;border-radius:6px}.projects .project>a{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:420px}.projects .project .project__caption,.projects .project .project__meta{border-radius:6px}.projects .project__meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;height:100%;padding:24px 0 24px 24px;width:50%}.projects .project__meta .project__name{font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:20px;font-weight:800}.projects .project__meta .project__details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.projects .project__tags{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px;margin-top:8px}.projects .project__tags .project__tag{padding:2px 8px;font-size:12px;line-height:normal;color:inherit;background:hsla(0,0%,100%,.1);border-radius:6px;border:1px solid hsla(0,0%,100%,.2)}.projects .project .project__caption{position:absolute;content:"";top:24px;right:-2px;height:100%;width:60%;background-size:cover;background-repeat:no-repeat;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.projects .project .project__caption .lazyload__wrapper,.projects .project .project__caption img{-o-object-fit:cover;object-fit:cover;height:100%;width:100%;-o-object-position:0;object-position:0}.projects .project .project__caption img:not(.lazyloaded){opacity:0}.projects .project .project__content{width:100%;overflow:hidden;position:relative;border-radius:6px;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease;will-change:transform}.projects .project[data-project=homepilot] .project__content{background-color:#002999}.projects .project[data-project=blocks-ui] .project__content{background-color:#6466f1}.projects .project[data-project=audiencerun] .project__content{background-color:#dc3e42}.projects .project[data-project=eighthav] .project__content{background-color:#fac8c4}.projects .project[data-project=shift] .project__content{background-color:#ff705d}.projects .project[data-project=boxmetrics] .project__content{background-color:#2869df}.projects .project[data-project=smartwatch] .project__content{background-color:#d5d8df}.projects .project[data-project=taskee] .project__content{background-color:#6c29f5}.projects .project[data-project=unlock] .project__content{background-color:#2563eb}.projects .project[data-project=screend] .project__content{background-color:#1c1c1c}.projects .project[data-project=eighthav] .project__tag,.projects .project[data-project=smartwatch] .project__tag{border-color:rgb(130 130 130/20%)}.projects .project[data-project=audiencerun] .project__link,.projects .project[data-project=blocks-ui] .project__link,.projects .project[data-project=boxmetrics] .project__link,.projects .project[data-project=homepilot] .project__link,.projects .project[data-project=screend] .project__link,.projects .project[data-project=shift] .project__link,.projects .project[data-project=taskee] .project__link,.projects .project[data-project=unlock] .project__link{color:#fff}.projects .project svg{position:absolute;top:34px;right:34px;width:22px;height:22px;opacity:0;-webkit-transition:opacity .2s ease,-webkit-transform .3s ease;transition:opacity .2s ease,-webkit-transform .3s ease;-o-transition:opacity .2s ease,transform .3s ease;transition:opacity .2s ease,transform .3s ease;transition:opacity .2s ease,transform .3s ease,-webkit-transform .3s ease}.posts{padding:100px 0 32px}.posts .section__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:48px}.posts .section__description{margin-top:6px;font-size:16px;color:#626d83}.posts .col{width:100%;margin-bottom:32px}.posts .section__title,.projects .section__title{font-size:28px}img.lazyload,img.lazyloaded,img.lazyloading{position:relative!important;z-index:2!important}img.lazyload,img.lazyloading{overflow:hidden!important;padding-bottom:56.25%!important;height:0!important;color:transparent!important;font-size:0!important}.lazyload__wrapper:after,img.lazyload:after,img.lazyloaded:after,img.lazyloading:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;background-color:#fafbfd}img.lazyload:after,img.lazyloaded:after,img.lazyloading:after{display:block;z-index:2!important}.separator{margin:0 2px;color:#cbd5e1;text-align:center}.lazyload__wrapper{background-color:#fafbfd;position:relative!important}.lazyload__wrapper,.lazyload__wrapper:after{z-index:1!important}img.lazyloaded{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:a;animation-name:a}@media only screen and (min-width:720px){.col-1{width:8.33%}.col-2{width:16.66%}.col-3{width:25%}.col-4{width:33.33%}.col-5{width:41.66%}.col-6{width:50%}.col-7{width:58.33%}.col-8{width:66.66%}.col-9{width:75%}.col-10{width:83.33%}.col-11{width:91.66%}.col-12{width:100%}.projects{padding-bottom:68px!important}}@media (max-width:576px){.footer .container{-ms-flex-wrap:wrap;flex-wrap:wrap}.footer .container div{width:100%}}@media (max-width:720px){.blog .entry__title{font-size:20px}.page-title,.single .post__title{font-size:32px}}@media (min-width:768px){.post__content h2:hover a.anchor,.post__content h3:hover a.anchor,.post__content h4:hover a.anchor,.post__content h5:hover a.anchor,.post__content h6:hover a.anchor{visibility:visible;opacity:1}.intro__description,.intro__title{cursor:url(https://static.abdessalam.dev/9bb588b937814fa2ae7367c7f0eec8a5/cursor.svg),auto}}@media (max-width:1024px){body .footer .container{padding:0}}@media (min-width:1024px){.intro__links:hover .intro__link{opacity:.4}.intro__links .intro__link:hover{opacity:1!important;color:#626d83}.projects .project:hover{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}.projects .project:hover svg{opacity:1;-webkit-transform:translate3d(2px,-2px,0);transform:translate3d(2px,-2px,0)}.entry:hover .entry__title{color:#626d83}.post__content a:not(.anchor):hover{-webkit-box-shadow:inset 0 -33px 0 0 #0062ff;box-shadow:inset 0 -33px 0 0 #0062ff;color:#fff}.breadcrumb .breadcrumb__item:not(.breadcrumb__item--active):hover{color:#8b9cac}}.intro__avatar{position:relative;display:inline-block}.intro__avatar img{-webkit-box-shadow:0 0 0 0 rgba(33,131,88,.7);box-shadow:0 0 0 0 rgba(33,131,88,.7);-webkit-animation:b 2s infinite;animation:b 2s infinite;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;-o-transition:transform .2s ease;transition:transform .2s ease;transition:transform .2s ease, -webkit-transform .2s ease}.intro__avatar:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}