/*!modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize*/*,::before,::after{box-sizing:border-box}html{font-family:system-ui,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji;line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,liberation mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}@font-face{src:url(../fonts/OpenSans-VariableFont_wdth,wght.ttf)format("truetype");font-family:open sans;font-weight:300}@font-face{src:url(../fonts/OpenSans-VariableFont_wdth,wght.ttf)format("truetype");font-family:open sans;font-weight:400}html{font-size:16px}body{width:100%;max-width:1536px;padding:40px;margin:0 auto;line-height:1.2;font-family:open sans,Arial,sans-serif;font-weight:300;font-size:1.3rem;color:#222220}header,.main,footer{width:100%}main{padding-top:10px}main .content{margin:0 auto;width:50%}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.1;letter-spacing:-2px;font-weight:400}h1{margin:1.3rem 0;font-size:4rem}h1:has(+time){margin-bottom:.6rem}h2{margin-bottom:.6rem;font-size:3rem}h3{margin-bottom:.6rem;font-size:2rem}a{display:inline-block;text-decoration:none;color:#222220}img{width:100%}svg{fill:#222220}.border,.button.secondary,input,textarea{border:1px solid #d0d0d0;border-radius:20px}h1+ul,h2+ul,h3+ul,h4+ul,h5+ul,h6+ul{margin-top:0}fieldset{margin:0;padding:0;border:none}button,input,optgroup,select,textarea{line-height:1.2}address{font-style:normal}input,textarea{padding:15px;border-radius:10px;outline:none;font-weight:300}textarea{resize:none}input[type=submit]{border:none;cursor:pointer}time{color:#575751;font-size:1.1rem}button{outline:none}.button{padding:10px 20px;border-radius:20px;background-color:#efefef;font-weight:400;color:inherit}.button.secondary{background:0 0}.no-scroll{overflow:hidden}.call-to-action{padding:10px 20px;border-radius:20px;background-color:#222220;font-weight:400;color:#fff}header nav{position:relative;font-size:1.1rem;display:flex;flex-direction:row;justify-content:space-between;gap:30px;margin-bottom:40px}header nav a{padding:10px;font-weight:400}header nav .logo{padding:0;align-content:center}header nav img{width:263px;vertical-align:bottom}header nav button{background:0 0;border:none;cursor:pointer;display:none;padding:0;width:30px;height:24px;flex-direction:column;justify-content:space-between}header nav button span{display:block;width:100%;height:3px;background:#222220;border-radius:2px}header nav button span:nth-child(1),header nav button span:nth-child(3){transition:transform .2s ease}header ul{display:flex;flex-direction:row;justify-content:end;gap:30px;margin:0;padding:0;list-style-type:none}header ul a{border:1px solid transparent;border-radius:20px}header ul a:hover,header ul .active{border:1px solid #d0d0d0;border-radius:20px}.home header nav::before{display:block;content:"";flex:1}.home header ul{flex:1}.home h1{font-size:4.4rem}.home p{margin:0}.home .hero{display:flex;flex-direction:row;justify-content:space-between;gap:30px;padding:50px;align-items:center;border-radius:20px;background-color:#efefef}.home .hero .content{width:52%}.home .hero p{margin:0 0 3.1rem;font-size:1.7rem}.home .hero .call-to-action{margin-bottom:1rem}.home ul{list-style-type:none}.home main{padding-top:0}.home main .content{display:flex;flex-direction:row;justify-content:space-between;gap:0;width:100%}.home .part-one::before,.home .part-two::before{content:"";display:block;height:60px;width:1px;margin-left:40px;background-color:#d0d0d0}.home .part-one p,.home .part-two p{padding:65px 50px;border-radius:20px;background-color:#efefef}.home .about{width:41%;font-size:1.7rem}.home .contact{width:51%;margin-top:60px}.home .contact p{margin-bottom:2.2rem}.home .contact .call-to-action{width:50%;align-self:end;padding:15px}.home .contact .contact-details{display:flex;flex-direction:row;justify-content:space-between;gap:30px;margin-top:170px}.home .contact .contact-details span{font-weight:400}.home .contact .social-media{display:flex;flex-direction:row;justify-content:space-between;gap:30px;margin:0;align-items:center}.home form{display:flex;flex-direction:column;justify-content:space-between;gap:30px}.home form input,.home form textarea{width:100%}.home form fieldset{display:flex;flex-direction:row;justify-content:space-between;gap:30px}.home form fieldset input{width:50%;display:inline}.home footer p{margin-right:30px}.projects main p{margin-top:0;margin-bottom:1.5rem;max-width:60ch}.post main img{margin-top:1.6rem}.post main a{font-style:italic;color:#969696}.post .tags{display:flex;flex-direction:row;justify-content:flex-start;gap:30px;align-items:center;font-size:1.1rem}.post .tags ul{display:flex;flex-direction:row;justify-content:flex-start;gap:10px;flex-wrap:wrap;padding:0;list-style:none}.post .tags ul a{border-radius:20px;background-color:#efefef;color:#222220;padding:10px 20px}.blog main img{margin:.7rem 0 1rem}.blog main p{margin-top:0;margin-bottom:1.5rem;max-width:60ch}.little-thoughts{line-height:1.3}.little-thoughts main .content{font-weight:400;font-size:1rem}.little-thoughts h1{margin-bottom:0}.little-thoughts h1+p{margin-top:1rem;padding-bottom:1rem}.little-thoughts article{display:flex;flex-direction:row;justify-content:flex-start;gap:15px;padding:1.2rem 0;border-top:1px solid #efefef}.little-thoughts article .profile-image{flex-shrink:0;width:50px;height:50px;border-radius:50%;background-position-x:40%;background-position-y:top;background-image:url(/images/misbil-mohammed-full-stack-developer-64.jpg);background-repeat:no-repeat}.little-thoughts article p{margin:0 0 .5rem}.little-thoughts article time{font-size:1rem}footer{margin-top:110px;font-size:1.1rem}footer .content{display:flex;flex-direction:row;justify-content:space-between;gap:0;align-items:baseline}footer .content p{margin:0}footer .content .copyright{width:41%;transform:scale(-1);writing-mode:vertical-rl;text-orientation:sideways}footer .content .copyright p{display:flex;flex-direction:row;justify-content:space-between;gap:15px}footer .content .copyright p::after{content:"";display:inline-block;align-self:center;order:1;height:100px;width:1px;background-color:#d0d0d0}footer .content .copyright p .copyright-symbol{order:0}footer .content .copyright p .year{order:2}footer .content ul{display:flex;flex-direction:row;justify-content:space-between;gap:30px;width:51%;margin:0;padding:0;list-style-type:none}footer .content ul .links{display:flex;flex-direction:row;justify-content:space-between;gap:30px}@media(max-width:1436px){.home header nav::before{display:none}.home h1{font-size:4.1rem}.home .hero img{width:500px;height:500px}.home main .content{flex-direction:column}.home .about{display:flex;flex-direction:row;justify-content:space-between;gap:30px;width:100%}.home .about .part-one,.home .about .part-two{width:50%}.home .about .part-one p,.home .about .part-two p{height:230px;align-content:center}.home .about .part-two{position:relative;margin-top:60px}.home .about .part-two::before{position:absolute;bottom:40px;left:0;height:1px;width:30px;margin-left:-30px}.home .contact{width:100%}footer .content .copyright{width:unset}footer .content ul{width:unset}}@media(max-width:1300px){.home h1{font-size:3.8rem}.home .hero img{width:450px;height:450px}}@media(max-width:1265px){main .content{width:65%}h1{margin:1rem 0;font-size:3.4rem}h2{margin-bottom:.6rem;font-size:2rem}}@media(max-width:1235px){.home h1{font-size:3.6rem}.home .hero img{width:420px;height:420px}.home .about .part-one p,.home .about .part-two p{height:261px}}@media(max-width:1150px){main .content{width:75%}.home .hero{flex-direction:column}.home .hero .content{width:100%}.home .hero img{width:100%;max-width:400px;height:auto}.home .about .part-one p,.home .about .part-two p{height:261px}}@media(max-width:1024px){.home .about .part-one p,.home .about .part-two p{height:294px}}@media(max-width:950px){header nav.open ul{display:flex}header nav.open #mainNavToggle span:nth-child(1){transform:translateY(10px)rotate(45deg)}header nav.open #mainNavToggle span:nth-child(2){opacity:0}header nav.open #mainNavToggle span:nth-child(3){transform:translateY(-10px)rotate(-45deg)}header nav .logo{z-index:1}header nav button{display:flex;z-index:1}header nav ul{display:flex;flex-direction:column;justify-content:flex-start;gap:20px;display:none;position:fixed;top:0;right:0;width:100%;height:100%;padding:5.6rem 40px 20px;background:#fff;font-size:1.3rem}header nav ul a{padding:10px 20px;border-radius:20px}}@media(max-width:925px){body{padding:20px}header nav{margin-bottom:20px}header nav ul{padding-left:20px;padding-right:20px}main .content{width:85%}.home .hero{padding:20px}.home .about{flex-direction:column;gap:0}.home .about .part-one{width:100%}.home .about .part-one p{height:unset}.home .about .part-two{width:100%;position:unset;margin:0}.home .about .part-two::before{position:unset;height:60px;width:1px;margin-left:40px}.home .about .part-two p{height:unset}.home .contact svg{height:35px}}@media(max-width:700px){main .content{width:100%}h1{margin:.7rem 0;font-size:3rem}.home .hero p,.home .about{font-size:1.5rem}.home h1{font-size:3rem}.home .hero img{max-width:300px}.home .contact .contact-details{flex-direction:column}.home .contact svg{width:30px}.home .contact ul{padding:0}.home .contact .social-media{justify-content:flex-end}footer .content{align-items:unset}footer .content ul{flex-direction:column;justify-content:end;text-align:right}}@media(max-width:520px){.home h1{font-size:2.5rem}.home .hero img{max-width:250px}.home .hero p,.home .about{font-size:1.4rem}}@media(max-width:440px){body{font-size:1.2rem}.home h1{font-size:2.3rem;margin:1.2rem 0}.home .hero p,.home .about{font-size:1.3rem}.home .hero p{margin-bottom:2.2rem}.home .part-one p,.home .part-two p{padding:45px 30px}.little-thoughts main .content{font-size:1.1rem}.little-thoughts h1+p{padding-bottom:.5rem}.little-thoughts article{gap:10px}.little-thoughts article time{display:block;margin-top:1rem}}