.project-title{font-family:RobotoBlack;font-size:40px;line-height:1.2}.project-icon>img{height:64px;width:64px}.project-duration-text{font-size:24px;line-height:1.333;text-transform:uppercase}.project-chapter{margin-bottom:64px}.project-chapter-title{font-family:RobotoMedium;font-size:32px;line-height:1.24;margin-bottom:16px}.project-chapter-title.with-mb-64{margin-bottom:32px}.project-roles{display:flex;flex-flow:row wrap}.role-item:not(:last-child){margin-right:24px;margin-bottom:32px}.role-item{min-width:180px}.md-icon.ic-webdesign{background-image:url(/svg/roles/design-services.svg);background-size:60%}.md-icon.ic-content-strategy{background-image:url(/svg/roles/article.svg);background-size:60%}.md-icon.ic-frontend{background-image:url(/svg/roles/web.svg);background-size:60%}.chapter-snap{padding-bottom:182.8%;position:relative}.chapter-snap.as-16x9{padding-bottom:56.3%;position:relative}.fit-all.with-contain{object-fit:contain}.fonts-container,.project-team-container,.project-tools-container{display:flex;flex-flow:row wrap;position:relative}.project-tool-item:not(:last-child){margin-right:32px}.project-team-item:not(:last-child),.font-item:not(:last-child){margin-right:64px}.colors-pallete-container{box-shadow:0 2px 4px 0 rgba(0,0,0,.87);display:grid;grid-template-columns:1fr 1fr}.color-pallete-box,.color-pallete-box.as-color-on{height:180px}.color-pallete-box{background:var(--primary);box-sizing:border-box;padding:16px;position:relative}.color-meta-code{padding-left:16px;padding-right:16px}.color-meta-code{box-sizing:border-box;bottom:16px;left:0;position:absolute;width:100%}.color-index-on-circle{background-color:#fff;border-radius:50%;box-sizing:border-box;color:rgba(0,0,0,.87);display:inline-block;height:24px;text-align:center;vertical-align:middle;width:24px}.color-default,.dark .color-pallete-box.ligh-mode .body-2{color:rgba(0,0,0,.87)}.color-index-on-circle.on-light{background-color:#000;color:#fff}.project-chapter.with-minus-h-pad{margin-left:-16px;margin-right:-16px}.high-fidelity-of-kwebsite{padding-bottom:240%}.high-fidelity-of-smartexam{padding-bottom:116%}.project-tools-container,.project-team-conatiner{display:flex;flex-flow:row wrap}.project-tool-item{background:url() no-repeat center center;background-size:contain;height:64px;width:64px}.project-tool-item.sketchapp{background-image:url(/svg/logos/sketch.svg)}.project-tool-item.ps{background-image:url(/svg/logos/adobe-ps.svg)}.project-tool-item.ai{background-image:url(/svg/logos/adobe-ai.svg)}.project-team-item{display:flex;flex-flow:row nowrap;margin-bottom:32px}.project-team-item>.avatar,.project-team-item>picture .avatar{border:1px solid #005475;border-radius:50%;height:63px;object-fit:fill;width:63px}.project-analysis-container{display:grid;grid-gap:24px}.bg-of-kwebsite{background:url(/portfolio/design/khaled-nobani-website/primary-header.png) no-repeat top right;background-size:58%}.bg-of-smartexam{background:url(/portfolio/design/smartexam/primary-header.png) no-repeat top right;background-size:56%}.bg-of-gallery{background:url(/portfolio/design/gallery/primary-header.png) no-repeat top right;background-size:48%}.bg-of-kwebsite{background-image:url(/portfolio/design/khaled-nobani-website/primary-header.webp)}.bg-of-smartexam{background-image:url(/portfolio/design/smartexam/primary-header.webp)}.bg-of-gallery{background-image:url(/portfolio/design/gallery/primary-header.webp)}.color-of-kwebsite{background-color:var(--primary)}.color-of-smartexam{background-color:#2196f3}.color-of-gallery{background-color:#10a2d3}.big-font-of-two-characters{font-family:RobotoBold;font-size:96px;line-height:1.083333333333333}.mr-64{margin-right:64px}.font-item-characters{width:137px}.font-item{display:flex}@media screen and (min-width:768px){.colors-pallete{display:flex;flex-flow:row wrap;position:relative}.colors-pallete-container{display:flex;flex-flow:row wrap}.project-primary-header{display:grid;grid-template-columns:1fr 1fr}.project-headline-scope{max-width:328px}.project-chapter{margin-bottom:128px}.project-chapter-title{margin-bottom:32px}.project-chapter-title.with-mb-64{margin-bottom:64px}.project-chapter-container:not(.no-width-constraint){max-width:534px}.project-chapter.with-minus-h-pad{margin-left:-24px;margin-right:-24px}.project-analysis-container{display:grid;grid-gap:24px;grid-template-columns:1fr 1fr 1fr}.project-analysis-container.with-two-columns{grid-template-columns:1fr 1fr}.color-pallete-box{height:150px;width:150px}.color-pallete-box.as-color-on{height:150px;width:225px}.on-surface-pallete-secondary.as-color-on{height:150px;width:150px}.md-bp-w-450{width:450px}.bg-of-gallery{background-size:72%}.role-item:not(:last-child){margin-bottom:0}}@media screen and (min-width:840px){.bg-of-kwebsite{background-size:62%}.color-pallete-box{height:180px;width:180px}.color-pallete-box.as-color-on{height:180px;width:270px}.on-surface-pallete-secondary.as-color-on{height:180px;width:180px}.ld-bp-w-540{width:540px}.bg-of-gallery{background-size:64%}.bg-of-kwebsite{background-size:58%}}@media screen and (min-width:1366px){.bg-of-kwebsite{background-size:48%}}